{"id":7549,"date":"2018-02-20T11:52:38","date_gmt":"2018-02-20T11:52:38","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=7549"},"modified":"2018-07-20T11:52:49","modified_gmt":"2018-07-20T11:52:49","slug":"bootstrap-3-izgara-sistemi-ve-medya-sorgulari","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/","title":{"rendered":"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131"},"content":{"rendered":"<p align=\"LEFT\">Hepimiz en pop\u00fcler a\u00e7\u0131k kaynak web \u00e7er\u00e7evesi oldu\u011fu i\u00e7in Bootstrap'i biliyoruz. Mark Otto ve Jacob Thorton, \u015fimdiye kadar tasarlanan en g\u00fc\u00e7l\u00fc CSS \u00e7er\u00e7evelerinden birini yaratmaya ba\u015fard\u0131rlar. Bootstrap'\u0131 ilk piyasaya s\u00fcr\u00fcld\u00fc\u011f\u00fcnde en ilgin\u00e7 de\u011fi\u015fiklik izgara sistemindeki farkt\u0131r. Bootstrap 2, iki farkl\u0131 taray\u0131c\u0131 bpyutuna (masa\u00fcst\u00fc ve ard\u0131ndan mobil) ayarland\u0131. Boootstrap 3 kullanarak ba\u015f\u0131na gelen mobil ile her\u015feyi olu\u015fturabilirsiniz ve izgara sistemi, taray\u0131c\u0131 boyutuna g\u00f6re farkl\u0131 izgaralar olu\u015fturman\u0131z\u0131 sa\u011fl\u0131yor. Bootstrap 4'\u00fcn Alpha Release - \u00e7er\u00e7evenin en son versiyonunda benzer bir trend g\u00f6r\u00fclmektedir.<\/p>\n<table>\n<tbody>\n<tr style=\"background-color: #ebebeb;\">\n<td style=\"text-align: center;\" width=\"33%\">\n<h4>Bootstrap 2<\/h4>\n<\/td>\n<td style=\"text-align: center;\" width=\"34%\">\n<h4>Bootstrap 3<\/h4>\n<\/td>\n<td style=\"text-align: center;\" width=\"33%\">\n<h4>Bootstrap 4<\/h4>\n<\/td>\n<\/tr>\n<tr style=\"background-color: #fcfcfc;\">\n<td style=\"text-align: center;\" width=\"319\">Olu\u015fturdu\u011funuz izgara, masa\u00fcst\u00fcnde \u00e7al\u0131\u015f\u0131r ve taray\u0131c\u0131 boyutu 767 pikselin alt\u0131nda oldu\u011funda birbirinin \u00fczerinde y\u0131\u011f\u0131l\u0131r.<\/td>\n<td style=\"text-align: center;\" width=\"319\">Yeni Bootstrap izgara sistemi \u00f6nce mobil i\u00e7in ge\u00e7erlidir.<\/td>\n<td style=\"text-align: center;\" width=\"319\">En yeni Bootstrap s\u00fcr\u00fcm\u00fc, mobil kullan\u0131c\u0131lar\u0131 daha \u00f6nce hi\u00e7 olmad\u0131\u011f\u0131 kadar iyi hedeflemenize olanak tan\u0131yan yeni katmana sahip geli\u015fmi\u015f izgara sistemi sunar. \u015eu andan itibaren t\u00fcm gerekli mikselere herhangi bir yerde eri\u015febilirsiniz.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 align=\"CENTER\">Bootstrap 3 S\u00fctun \u00d6rne\u011fi<\/h3>\n<p align=\"LEFT\">Bunu ilk ba\u015fta anlamak biraz zor olabilir, i\u015fte \u00f6rnek burda. A\u015fa\u011f\u0131daki \u00f6zelliklere sahip oldu\u011fu bir site istedi\u011finizi vars\u0131yal\u0131m:<\/p>\n<ul>\n<li>ekstra k\u00fc\u00e7\u00fck ekranl\u0131 cihazlarda 1 s\u00fct\u00fcn<\/li>\n<li>k\u00fc\u00e7\u00fck ve orta ekranl\u0131 cihazlarda 2 s\u00fct\u00fcn<\/li>\n<li>b\u00fcy\u00fck ekranl\u0131 cihazlarda 4 s\u00fct\u00fcn<\/li>\n<\/ul>\n<p align=\"LEFT\">\u0130zgara sistemi art\u0131k mobil cihazlarda <strong>yukar\u0131 basmakla<\/strong>, bu kod b\u00f6yle g\u00f6r\u00fcnecektir.<\/p>\n<pre class=\" language-markup\" data-title=\"markup\"><code class=\" language-markup\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div\u00a0<span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>row<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\r\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div\u00a0<span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>col-sm-6 col-lg-3<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\r\n       Bu bizim izgaram\u0131z\u0131n bir par\u00e7as\u0131d\u0131r\r\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span>\r\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div\u00a0<span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>col-sm-6 col-lg-3<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\r\n        Bu bizim izgaram\u0131z\u0131n bir par\u00e7as\u0131d\u0131r.\r\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span>\r\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div\u00a0<span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>col-sm-6 col-lg-3<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\r\n        Bu bizim izgaram\u0131z\u0131n bir par\u00e7as\u0131d\u0131r.\r\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span>    \r\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>div\u00a0<span class=\"token attr-name\">class<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>col-sm-6 col-lg-3<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\r\n        Bu bizim izgaram\u0131z\u0131n bir par\u00e7as\u0131d\u0131r.\r\n    <span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span>    \r\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>div<span class=\"token punctuation\">&gt;<\/span><\/span><\/code><\/pre>\n<p align=\"LEFT\">Varsay\u0131lan, bir s\u00fct\u00fcn kullan\u0131ld\u0131\u011f\u0131 i\u00e7in fazladan k\u00fc\u00e7\u00fck cihazlar i\u00e7in herhangi bir \u015fey tan\u0131mlamam\u0131z gerekmiyor. K\u00fc\u00e7\u00fck cihazlar i\u00e7in bir izgara boyutunu tan\u0131mlamal\u0131y\u0131z, <strong>ancak orta cihazlar i\u00e7in de\u011fil<\/strong>. Bunun nedeni izgaran\u0131n yukar\u0131 kalkmas\u0131d\u0131r. Yani sm, md ve lg i\u00e7in o izgara boyutu olacakt\u0131r. Farkl\u0131 izgara boyutlar\u0131n\u0131 ve bunlar\u0131 nas\u0131l olu\u015fturdu\u011funuzu a\u00e7\u0131klayaca\u011fiz ve ard\u0131ndan \u00f6rnekleri de g\u00f6sterece\u011fiz.<\/p>\n<h3 align=\"CENTER\">\u0130zgara Boyutlar\u0131<\/h3>\n<p align=\"LEFT\">Bu yeni izgara sistemi hakk\u0131nda en iyi b\u00f6l\u00fcmd\u00fcr. Sitenizin 4 farkl\u0131 taray\u0131c\u0131 boyutunda farkl\u0131 izgara g\u00f6stermesini ger\u00e7ek\u00e7i bir \u015fekilde yapabilirsiniz. A\u015fa\u011f\u0131da farkl\u0131 boyutlar\u0131n listesi vard\u0131r.<\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"code\">\n<pre class=\"php\"><span class=\"sumo_twilighter_highlighted twilighter-299735e9\">.<\/span><span class=\"sumo_twilighter_highlighted twilighter-299735e9\">col<\/span><span class=\"sumo_twilighter_highlighted twilighter-299735e9\">-<\/span><span class=\"sumo_twilighter_highlighted twilighter-299735e9\">xs<\/span><span class=\"sumo_twilighter_highlighted twilighter-299735e9\">-<\/span><span class=\"sumo_twilighter_highlighted twilighter-299735e9\">$ <\/span> Extra Small Phones Less than  <span class=\"sumo_twilighter_highlighted twilighter-299735e9\"> 768px<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<pre class=\"php\"><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">.<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">col<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">-<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">sm<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">-<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">$\tSmall Devices\tTablets 768px and Up.<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">col<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">-<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">md<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">-<\/span><span class=\"sumo_twilighter_highlighted twilighter-218fab37\">$\tMedium Devices\tDesktops 992px and Up<\/span><\/pre>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"code\">\n<pre class=\"php\">.col-lg-$\tLarge Devices\tLarge Desktops 1200px and Up<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p align=\"LEFT\"><a href=\"https:\/\/getbootstrap.com\/docs\/3.3\/css\/\" target=\"_blank\" rel=\"nofollow\">Resmi Bootstrap belgeleri<\/a>, izgarayi nas\u0131l kullanaca\u011f\u0131n\u0131z\u0131 kapsaml\u0131 bir k\u0131lavuz i\u00e7erir. S\u00fct\u00fcn boyutlar\u0131, kolon aras\u0131 boyutlar\u0131, maksimum s\u00fct\u00fcn boyutlar\u0131 ve taray\u0131c\u0131 boyutuna g\u00f6re sitenizin maksimum geni\u015fli\u011fine genel bak\u0131\u015f elde etmek i\u00e7in bunlara bir g\u00f6z at\u0131n.<\/p>\n<h3 align=\"CENTER\">Bootstrap \u0130zgaras\u0131 i\u00e7in Varsay\u0131lan Boyutlar\u0131<\/h3>\n<p align=\"LEFT\">Bazen sitenizi istedi\u011finize g\u00f6re \u00e7al\u0131\u015ft\u0131rmak i\u00e7in medya sorgular\u0131n\u0131 kullanman\u0131z gerekir. Size varsay\u0131lan boyutlar\u0131 g\u00f6stermek i\u00e7in ipu\u00e7lar\u0131 haz\u0131rlad\u0131k, b\u00f6ylece Bootstrap medya sorgular\u0131na ve kesme noktalar\u0131na ihtiyac\u0131n\u0131z varsa bunlara inceleyin.<\/p>\n<h3 align=\"CENTER\">Bootstrap 3 Medya Sorgulama Noktalar\u0131<\/h3>\n<p align=\"LEFT\">Bootstrap 3, mobil ilk \u00f6n u\u00e7 \u00e7er\u00e7evesidir. A\u015fa\u011f\u0131daki medya sorgular\u0131 i\u00e7in do\u011fru s\u0131ralamay\u0131 ekledim.<\/p>\n<p align=\"LEFT\"><strong>Min Geni\u015flik:<\/strong> Verilen miktardan b\u00fcy\u00fck veya ona e\u015fit olan her \u015feyi ifade eder. <strong>Maksimum geni\u015flik:<\/strong> Verilen miktardan k\u00fc\u00e7\u00fck veya ona e\u015fit olan her \u015feyi ifade eder.<\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"code\">\n<pre class=\"php\">\/*==================================================\r\n=            Bootstrap 3 Media Queries             =\r\n==================================================*\/\r\n\u00a0\r\n\u00a0\r\n\u00a0\r\n\u00a0\r\n\t\/*==========  Mobile-First-Methode  ==========*\/\r\n\u00a0\r\n\t\/* Custom, iPhone Retina *\/\r\n\t@media only screen and (min-width : 320px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\t\/* Extra Small Devices, Phones *\/\r\n\t@media only screen and (min-width : 480px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\t\/* Small Devices, Tablets *\/\r\n\t@media only screen and (min-width : 768px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\t\/* Medium Devices, Desktops *\/\r\n\t@media only screen and (min-width : 992px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\t\/* Large Devices, Wide Screens *\/\r\n\t@media only screen and (min-width : 1200px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\u00a0\r\n\u00a0\r\n\t\/*==========  nicht-mobile Methode  ==========*\/\r\n\u00a0\r\n\t\/* Large Devices, Wide Screens *\/\r\n\t@media only screen and (max-width : 1200px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\t\/* Medium Devices, Desktops *\/\r\n\t@media only screen and (max-width : 992px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\t\/* Small Devices, Tablets *\/\r\n\t@media only screen and (max-width : 768px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\t\/* Extra Small Devices, Phones *\/\r\n\t@media only screen and (max-width : 480px){\r\n\u00a0\r\n\t}\r\n\u00a0\r\n\t\/* Custom, iPhone Retina *\/\r\n\t@media only screen and (max-width : 320px){\r\n\u00a0\r\n\t}<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3 style=\"text-align: center;\"><span style=\"font-weight: 400;\">Bootstrap 2.3.2 Media Queries Breakpoints<\/span><\/h3>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"code\">\n<pre class=\"php\">\/*=====================================================\r\n=            Bootstrap 2.3.2 Media Queries            =\r\n=====================================================*\/\r\n@media only screen and (max-width : 1200px){\r\n\u00a0\r\n}\r\n\u00a0\r\n@media only screen and (max-width : 979px){\r\n\u00a0\r\n}\r\n\u00a0\r\n@media only screen and (max-width : 767px){\r\n\u00a0\r\n}\r\n\u00a0\r\n@media only screen and (max-width : 480px){\r\n\u00a0\r\n}\r\n\u00a0\r\n@media only screen and (max-width : 320px){\r\n\u00a0\r\n}<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3 align=\"CENTER\">\u00d6rnekler<\/h3>\n<p align=\"LEFT\">\u0130\u015fte burada olu\u015fturabilece\u011finiz izgaralar\u0131n birka\u00e7 \u00f6rne\u011fidir. Baz\u0131 kullan\u0131c\u0131lar\u0131n isteyebilece\u011fi baz\u0131 temel sitelere girip bu siteyi Bootstrap 3 izgaras\u0131yla olu\u015fturman\u0131n ne kadar kolay oldu\u011funu g\u00f6sterece\u011fiz.<\/p>\n<h3 align=\"CENTER\">B\u00fcy\u00fck Masa\u00fcst\u00fc ve Mobil<\/h3>\n<p align=\"LEFT\">Bir sitenin ekstra k\u00fc\u00e7\u00fck (telefon), k\u00fc\u00e7\u00fck (tablet) cihazlarda <strong>1 s\u00fctunu<\/strong>, orta (orta masa\u00fcst\u00fc ) cihazlarda ve <strong>2 s\u00fctun<\/strong> ve b\u00fcy\u00fck (masa\u00fcst\u00fc) cihazlarda <strong>4 s\u00fctun<\/strong> olmas\u0131n\u0131 istedi\u011finizi vars\u0131yla\u0131m.<\/p>\n<pre>            &lt;div class=\"row\"&gt;\r\n                &lt;div class=\"col-md-6 col-lg-3\"&gt;\r\n                    &lt;div class=\"visible-lg text-success\"&gt;Large Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-md text-warning\"&gt;Medium Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-sm text-primary\"&gt;Small Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-xs visible-sm text-danger\"&gt;Extra Small and Small Devices&lt;\/div&gt;\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-md-6 col-lg-3\"&gt;\r\n                    &lt;div class=\"visible-lg text-success\"&gt;Large Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-md text-warning\"&gt;Medium Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-sm text-primary\"&gt;Small Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-xs visible-sm text-danger\"&gt;Extra Small and Small Devices&lt;\/div&gt;\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-md-6 col-lg-3\"&gt;\r\n                    &lt;div class=\"visible-lg text-success\"&gt;Large Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-md text-warning\"&gt;Medium Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-sm text-primary\"&gt;Small Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-xs visible-sm text-danger\"&gt;Extra Small and Small Devices&lt;\/div&gt;\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-md-6 col-lg-3\"&gt;\r\n                    &lt;div class=\"visible-lg text-success\"&gt;Large Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-md text-warning\"&gt;Medium Devices!&lt;\/div&gt;\r\n                     &lt;div class=\"visible-sm text-primary\"&gt;Small Devices!&lt;\/div&gt;\r\n                    &lt;div class=\"visible-xs visible-sm text-danger\"&gt;Extra Small and Small Devices&lt;\/div&gt;\r\n                &lt;\/div&gt;\r\n            &lt;\/div&gt;\r\n<\/pre>\n<h3 style=\"text-align: center;\" align=\"LEFT\"><span style=\"font-size: large;\">Orta: B\u00fcy\u00fck masa\u00fcst\u00fcnde ekstra s\u00fctunu g\u00f6sterin<\/span><\/h3>\n<p align=\"LEFT\"><span style=\"font-size: large;\">Bu yeni izgaran\u0131n \u00f6ne \u00e7\u0131kan en iyi \u00f6rne\u011fidir. Kenar \u00e7ubu\u011funa ve i\u00e7erik b\u00f6l\u00fcm\u00fcne sahip bir siteniz oldu\u011funu vars\u0131yal\u0131m. <strong>Ekstra k\u00fc\u00e7\u00fck ekranl\u0131 cihazlar<\/strong> i\u00e7in bir s\u00fctun, kenar \u00e7ubu\u011funa sahip ana i\u00e7erik istersiniz. <strong>K\u00fc\u00e7\u00fck ve orta ekranl\u0131 cihazlar i\u00e7in<\/strong> kenar \u00e7ubu\u011funun ve ana i\u00e7eri\u011fin yan yana olmas\u0131n\u0131 isteriz. Art\u0131k <strong>b\u00fcy\u00fck cihazlar i\u00e7in<\/strong>, daha b\u00fcy\u00fck cihazlardaki alan\u0131 kullanmak istiyoruz. Daha fazla i\u00e7erik g\u00f6stermek i\u00e7in ekstra bir kenar \u00e7ubu\u011fu eklemek istiyoruz. \u0130kinci kenar \u00e7ubu\u011fumuza yer ayarlamak i\u00e7in ana i\u00e7eri\u011fin boyutunu b\u00fcy\u00fck cihazlarda 6 s\u00fctune de\u011fi\u015ftirece\u011fiz. Bu, daha b\u00fcy\u00fck masa\u00fcstlerindeki alan\u0131 kullanman\u0131n harika bir yoludur. \u0130\u015fte bu \u00f6rnek i\u00e7in kod.<\/span><\/p>\n<pre>            &lt;div class=\"row\"&gt;\r\n                &lt;div class=\"col-sm-9 col-lg-6 text-danger\"&gt;\r\n                    I am the main content.\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-sm-3 text-warning\"&gt;\r\n                    I am the main sidebar.\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-lg-3 visible-lg text-success\"&gt;\r\n                    I am the secondary sidebar that only shows up on LARGE devices.\r\n                &lt;\/div&gt;\r\n            &lt;\/div&gt;\r\n<\/pre>\n<h3 align=\"CENTER\"><span style=\"font-size: large;\">Geli\u015fmi\u015f: Her boyut i\u00e7in Farkl\u0131 Izgara <\/span><\/h3>\n<p align=\"LEFT\"><span style=\"font-size: large;\">Bu daha karma\u015f\u0131k bir \u00f6rmek olacak. <strong>Ekstra k\u00fc\u00e7\u00fck cihazlar<\/strong> i\u00e7in 2 s\u00fctun istiyoruz. <strong>K\u00fc\u00e7\u00fck cihazlar i\u00e7in<\/strong> 3 s\u00fctun istiyoruz. <strong>Orta cihazlar i\u00e7in<\/strong> 4 s\u00fctun istiyoruz. <strong>B\u00fcy\u00fck cihazlar i\u00e7in<\/strong> 6 s\u00fctun (yaln\u0131zca b\u00fcy\u00fck cihazlarda g\u00f6sterilen) istiyoruz. <\/span><\/p>\n<div class=\"row\">\n<\/div>\n<pre>            &lt;div class=\"row\"&gt;\r\n                &lt;div class=\"col-xs-6 col-sm-4 col-md-3 col-lg-2\"&gt;\r\n                    I'm content!\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-xs-6 col-sm-4 col-md-3 col-lg-2\"&gt;\r\n                    I'm content!\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-xs-6 col-sm-4 col-md-3 col-lg-2\"&gt;\r\n                    I'm content!\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-xs-6 col-sm-4 col-md-3 col-lg-2\"&gt;\r\n                    I'm content!\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-xs-6 col-sm-4 col-md-3 col-lg-2\"&gt;\r\n                    I'm content!\r\n                &lt;\/div&gt;\r\n                &lt;div class=\"col-xs-6 col-sm-4 col-md-3 col-lg-2 visible-lg\"&gt;\r\n                    I'm content only visible on large devices!\r\n                &lt;\/div&gt;\r\n            &lt;\/div&gt;\r\n<\/pre>\n<p align=\"LEFT\"><a href=\"https:\/\/www.templatemonster.com\/tr\/type\/wordpress-temalar\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-7551 size-full\" src=\"https:\/\/www.templatemonster.com\/blog\/tr\/wp-content\/uploads\/2018\/07\/wp_en_970x250.jpg\" alt=\"\" width=\"970\" height=\"250\" srcset=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2018\/07\/wp_en_970x250.jpg 970w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2018\/07\/wp_en_970x250-300x77.jpg 300w, https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2018\/07\/wp_en_970x250-768x198.jpg 768w\" sizes=\"(max-width: 970px) 100vw, 970px\" \/><\/a><\/p>\n<h3 style=\"text-align: center;\"><span style=\"font-family: 'Times New Roman', serif;\"><span style=\"font-size: large;\"><span style=\"color: #243238;\">It\u2019s Gridtactic!<\/span><\/span><\/span><\/h3>\n<p align=\"LEFT\"><span style=\"font-size: large;\">Bootstrap 3 izgaras\u0131yla karma\u015f\u0131k ve dinamik siteler olu\u015fturman\u0131n ne kadar kolay oldu\u011funu g\u00f6rebilirsiniz. Mobil 2 s\u00fctun sitelerinden b\u00fcy\u00fck masa\u00fcstlerindeki \u00f6\u011feleri g\u00f6stermeye kadar her t\u00fcr site olu\u015fturabilirsiniz. Umar\u0131m, bu \u00f6rnekler size yeni izgara sisteminin esnekli\u011fi ve yaratabilece\u011finiz t\u00fcm harika \u015feyler hakk\u0131nda bir fikir verecektir. <\/span><\/p>\n<p style=\"text-align: left;\" align=\"CENTER\"><span style=\"font-size: large;\"><strong>Happy Coding J.<\/strong><\/span><\/p>\n<p align=\"LEFT\"><span style=\"font-size: large;\">Mevcut bir y\u00f6netici paneline sahip bir HTML tabanl\u0131 web siteniz varsa, Bootstrap i\u015flevselli\u011fiyle olu\u015fturulan <a href=\"https:\/\/www.templatemonster.com\/tr\/type\/admin-templates\/\" target=\"_blank\">Bootstrap Y\u00f6netici Temalar\u0131<\/a>m\u0131z\u0131 g\u00f6zden ge\u00e7irmek isteyebilirsiniz. Bu <a href=\"https:\/\/www.templatemonster.com\/tr\/bootstrap-web-sitesi-sablonlari\/\" target=\"_blank\">Bootstrap temalar\u0131<\/a> size Bootstrap 3'\u00fcn tam g\u00fcc\u00fcn\u00fc g\u00f6sterecek! <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hepimiz en pop\u00fcler a\u00e7\u0131k kaynak web \u00e7er\u00e7evesi oldu\u011fu i\u00e7in Bootstrap'i biliyoruz. Mark Otto ve Jacob Thorton, \u015fimdiye kadar tasarlanan en g\u00fc\u00e7l\u00fc CSS \u00e7er\u00e7evelerinden birini yaratmaya ba\u015fard\u0131rlar. Bootstrap'\u0131 ilk piyasaya s\u00fcr\u00fcld\u00fc\u011f\u00fcnde en ilgin\u00e7 de\u011fi\u015fiklik izgara sistemindeki farkt\u0131r. Bootstrap 2, iki farkl\u0131 taray\u0131c\u0131 bpyutuna (masa\u00fcst\u00fc ve ard\u0131ndan mobil) ayarland\u0131. Boootstrap 3 kullanarak ba\u015f\u0131na gelen mobil ile her\u015feyi [&hellip;]<\/p>\n","protected":false},"author":2098134,"featured_media":7550,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[114,15],"tags":[42,507,506],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131 \u2b50 Blog TemplateMonster T\u00fcrkiye<\/title>\n<meta name=\"description\" content=\"Hepimiz en pop\u00fcler a\u00e7\u0131k kaynak web \u00e7er\u00e7evesi oldu\u011fu i\u00e7in Bootstrap&#039;i biliyoruz. Mark Otto ve Jacob Thorton, \u015fimdiye kadar tasarlanan en g\u00fc\u00e7l\u00fc CSS\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131 \u2b50 Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"og:description\" content=\"Hepimiz en pop\u00fcler a\u00e7\u0131k kaynak web \u00e7er\u00e7evesi oldu\u011fu i\u00e7in Bootstrap&#039;i biliyoruz. Mark Otto ve Jacob Thorton, \u015fimdiye kadar tasarlanan en g\u00fc\u00e7l\u00fc CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-20T11:52:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-20T11:52:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2018\/07\/featured_image14.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Oksana Semenchuk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:site\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Oksana Semenchuk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/\"},\"author\":{\"name\":\"Oksana Semenchuk\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/4ee5ac8d9dc1908f1b828ad85c50ba5b\"},\"headline\":\"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131\",\"datePublished\":\"2018-02-20T11:52:38+00:00\",\"dateModified\":\"2018-07-20T11:52:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/\"},\"wordCount\":942,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"keywords\":[\"Bootstrap\",\"Kodlama\",\"Taray\u0131c\u0131lar\u0131\"],\"articleSection\":[\"\u00d6\u011freticiler\",\"Web Geli\u015ftirme\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/\",\"name\":\"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131 \u2b50 Blog TemplateMonster T\u00fcrkiye\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2018-02-20T11:52:38+00:00\",\"dateModified\":\"2018-07-20T11:52:49+00:00\",\"description\":\"Hepimiz en pop\u00fcler a\u00e7\u0131k kaynak web \u00e7er\u00e7evesi oldu\u011fu i\u00e7in Bootstrap'i biliyoruz. Mark Otto ve Jacob Thorton, \u015fimdiye kadar tasarlanan en g\u00fc\u00e7l\u00fc CSS\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"name\":\"Blog TemplateMonster T\u00fcrkiye\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\",\"name\":\"MonsterPost T\u00fcrkiye\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost T\u00fcrkiye\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\",\"https:\/\/twitter.com\/templatemonster\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/4ee5ac8d9dc1908f1b828ad85c50ba5b\",\"name\":\"Oksana Semenchuk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6d60be0d359ab2c1c3f826c9f9c7d752?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6d60be0d359ab2c1c3f826c9f9c7d752?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Oksana Semenchuk\"},\"description\":\"Web tasar\u0131m\u0131 ile ilgili herhangi bir konuda ilham kayna\u011f\u0131 ar\u0131yorsan\u0131z, Oksana'n\u0131n makalelerinin koleksiyonu inceleyin. Sizin i\u00e7in kullan\u0131\u015fl\u0131 olmal\u0131d\u0131r. Onu LinkedIn'de takip edin.\",\"url\":\"https:\/\/monsterspost.com\/tr\/author\/oksanasemenchuk\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131 \u2b50 Blog TemplateMonster T\u00fcrkiye","description":"Hepimiz en pop\u00fcler a\u00e7\u0131k kaynak web \u00e7er\u00e7evesi oldu\u011fu i\u00e7in Bootstrap'i biliyoruz. Mark Otto ve Jacob Thorton, \u015fimdiye kadar tasarlanan en g\u00fc\u00e7l\u00fc CSS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/","og_locale":"tr_TR","og_type":"article","og_title":"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131 \u2b50 Blog TemplateMonster T\u00fcrkiye","og_description":"Hepimiz en pop\u00fcler a\u00e7\u0131k kaynak web \u00e7er\u00e7evesi oldu\u011fu i\u00e7in Bootstrap'i biliyoruz. Mark Otto ve Jacob Thorton, \u015fimdiye kadar tasarlanan en g\u00fc\u00e7l\u00fc CSS","og_url":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2018-02-20T11:52:38+00:00","article_modified_time":"2018-07-20T11:52:49+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2018\/07\/featured_image14.jpg","type":"image\/jpeg"}],"author":"Oksana Semenchuk","twitter_card":"summary_large_image","twitter_creator":"@templatemonster","twitter_site":"@templatemonster","twitter_misc":{"Yazan:":"Oksana Semenchuk","Tahmini okuma s\u00fcresi":"8 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/"},"author":{"name":"Oksana Semenchuk","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/4ee5ac8d9dc1908f1b828ad85c50ba5b"},"headline":"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131","datePublished":"2018-02-20T11:52:38+00:00","dateModified":"2018-07-20T11:52:49+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/"},"wordCount":942,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"keywords":["Bootstrap","Kodlama","Taray\u0131c\u0131lar\u0131"],"articleSection":["\u00d6\u011freticiler","Web Geli\u015ftirme"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/","url":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/","name":"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131 \u2b50 Blog TemplateMonster T\u00fcrkiye","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2018-02-20T11:52:38+00:00","dateModified":"2018-07-20T11:52:49+00:00","description":"Hepimiz en pop\u00fcler a\u00e7\u0131k kaynak web \u00e7er\u00e7evesi oldu\u011fu i\u00e7in Bootstrap'i biliyoruz. Mark Otto ve Jacob Thorton, \u015fimdiye kadar tasarlanan en g\u00fc\u00e7l\u00fc CSS","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/bootstrap-3-izgara-sistemi-ve-medya-sorgulari\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"Bootstrap 3: \u0130zgara Sistemi ve Medya Sorgular\u0131"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/tr\/#website","url":"https:\/\/monsterspost.com\/tr\/","name":"Blog TemplateMonster T\u00fcrkiye","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/tr\/#organization","name":"MonsterPost T\u00fcrkiye","url":"https:\/\/monsterspost.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost T\u00fcrkiye"},"image":{"@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","https:\/\/twitter.com\/templatemonster"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/4ee5ac8d9dc1908f1b828ad85c50ba5b","name":"Oksana Semenchuk","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d60be0d359ab2c1c3f826c9f9c7d752?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d60be0d359ab2c1c3f826c9f9c7d752?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Oksana Semenchuk"},"description":"Web tasar\u0131m\u0131 ile ilgili herhangi bir konuda ilham kayna\u011f\u0131 ar\u0131yorsan\u0131z, Oksana'n\u0131n makalelerinin koleksiyonu inceleyin. Sizin i\u00e7in kullan\u0131\u015fl\u0131 olmal\u0131d\u0131r. Onu LinkedIn'de takip edin.","url":"https:\/\/monsterspost.com\/tr\/author\/oksanasemenchuk\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/7549"}],"collection":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/users\/2098134"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/comments?post=7549"}],"version-history":[{"count":10,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/7549\/revisions"}],"predecessor-version":[{"id":7566,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/7549\/revisions\/7566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/7550"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=7549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=7549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=7549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}