{"id":4017,"date":"2022-08-30T20:45:49","date_gmt":"2022-08-30T20:45:49","guid":{"rendered":"https:\/\/www.turkticaret.net\/blog\/?p=4017"},"modified":"2024-01-10T06:46:19","modified_gmt":"2024-01-10T06:46:19","slug":"bootstrap-nedir","status":"publish","type":"post","link":"https:\/\/www.turkticaret.net\/blog\/bootstrap-nedir\/","title":{"rendered":"Bootstrap Nedir?"},"content":{"rendered":"<p><a href=\"https:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">Bootstrap<\/a> nedir sorusuna bu yaz\u0131m\u0131zda cevap verece\u011fiz. Bootstrap bir web geli\u015ftirme arac\u0131d\u0131r. A\u00e7\u0131k kaynakl\u0131 ve \u00fccretsizdir. Bootstrap i\u00e7in olduk\u00e7a pop\u00fcler css, html ve javascript k\u00fct\u00fcphanesi de\u00a0 diyebiliriz. Web geli\u015ftiricilerin duyarl\u0131 web siteleri i\u00e7in ihtiyac\u0131 olan \u015feyleri sa\u011flayan \u00e7ok kullan\u0131lan sa\u011flam bir a\u00e7\u0131k kaynakt\u0131r. Eskiden twitter \u00e7al\u0131\u015fan\u0131 olan Mark Otto ve Jacob Thornton Bootsrap&#8217;i olu\u015fturmu\u015flard\u0131r.<\/p>\n<h2>Bootstrap Ne \u0130\u015fe Yarar?<\/h2>\n<p>Css yazmak bazen olduk\u00e7a zordur. Cssleri yazd\u0131n\u0131z diyelim bunu kontrol ederek ilerlemek istedi\u011finizde bootstrap bunun i\u00e7in uygun bir ara\u00e7t\u0131r. Bootstrap i\u00e7inde y\u00fczlerce haz\u0131r css s\u0131n\u0131f\u0131 vard\u0131r. Bu s\u0131n\u0131flar sayesinde belki daha uzun saatler harcayaca\u011f\u0131n\u0131z bir i\u015fi daha k\u0131sa s\u00fcrelerle halledebilirsiniz. Ayr\u0131ca tasar\u0131mlar\u0131n\u0131z\u0131 responsive hale getirebilirsiniz. Responsive tasar\u0131m ise hangi cihazdan ya da taray\u0131c\u0131dan girerseniz girin sitenin \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011f\u00fcnde ya da g\u00f6r\u00fcn\u00fcm\u00fcnde herhangi bir bozukluk olmamas\u0131n\u0131 sa\u011flar. Peki <strong>bootstrap nas\u0131l kullan\u0131l\u0131r<\/strong> a\u015fa\u011f\u0131da basit\u00e7e anlatal\u0131m.<\/p>\n<h2>Bootstrap Nas\u0131l Kullan\u0131l\u0131r?<\/h2>\n<p>Kullan\u0131m\u0131 olduk\u00e7a kolayd\u0131r. Siteye girdikten sonra \u00f6rnekler k\u0131sm\u0131ndan daha \u00f6nce yap\u0131l\u0131p eklenen bir\u00e7ok \u00f6rne\u011fe ula\u015fabilirsiniz. \u00d6rnekler aras\u0131nda kullanmak istedi\u011finiz tasar\u0131m\u0131 se\u00e7ebilirsiniz. Diyelim ki bir buton ya da tablo tasar\u0131m\u0131na ihtiyac\u0131n\u0131z var ve siz \u00e7ok vakit harcamadan kolayl\u0131kla onu yapmak istiyorsunuz. Dok\u00fcmanlar k\u0131sm\u0131na girip ihtiyac\u0131n\u0131z olan tasar\u0131m\u0131 (tables, buttons gibi) arama alan\u0131na yaz\u0131p sonu\u00e7lar\u0131 g\u00f6rebilirsiniz. Kullanmak istedi\u011finiz tasar\u0131mlar\u0131n alt\u0131nda onlara ait kodlar\u0131 bulacaks\u0131n\u0131z. Direkt al\u0131p kullanarak o tasar\u0131mlara sahip olabilirsiniz.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-4046 aligncenter\" src=\"https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/08\/Bootstrap-Nedir-1.jpg\" alt=\"Bootstrap Nedir\" width=\"810\" height=\"440\" srcset=\"https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/08\/Bootstrap-Nedir-1.jpg 810w, https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/08\/Bootstrap-Nedir-1-300x163.jpg 300w, https:\/\/www.turkticaret.net\/blog\/wp-content\/uploads\/2022\/08\/Bootstrap-Nedir-1-768x417.jpg 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<h2>Bootstrap ile Neler Yap\u0131labilir?<\/h2>\n<p>Bootstrap ile neler yapabilece\u011finizi birka\u00e7 madde ile a\u015fa\u011f\u0131da listeleyelim;<\/p>\n<ul>\n<li>Responsive tasar\u0131mlar i\u00e7in rahatl\u0131kla kullanabilirsiniz.<\/li>\n<li>\u0130\u00e7indeki haz\u0131r cssler sayesinde g\u00fczel g\u00f6r\u00fcn\u00fc\u015fe sahip siteler olu\u015fturabilirsiniz.<\/li>\n<li>\u0130\u00e7indeki javascript k\u00fct\u00fcphanesi sayesinde daha fonksiyonel siteler olu\u015fturabilirsiniz.<\/li>\n<li>Faydal\u0131 komptentleri ile sitenize bir dizi \u00f6zellik ekleyebilirsiniz. (thumbnails, navigation bars vb)<\/li>\n<\/ul>\n<p>\u00d6zetlemek gerekir ise bir web yaz\u0131l\u0131m\u0131 yaparken zamandan tasarruf etmek ve kontroll\u00fc ilerlemek i\u00e7in kullanabilece\u011finiz iyi bir geli\u015ftirme arac\u0131d\u0131r. Hem size h\u0131z kazand\u0131r\u0131r hem de yap\u0131lan tasar\u0131mlar\u0131n herhangi bir cihazda bozuk \u00e7\u0131kmamas\u0131ndan emin olman\u0131z\u0131 sa\u011flar.<\/p>\n<p>\u0130lgili di\u011fer makalelerimize a\u015fa\u011f\u0131dan ula\u015fabilirsiniz.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.turkticaret.net\/blog\/html-nedir-en-cok-kullanilan-html-kodlari\/\">HTML Nedir? En \u00c7ok Kullan\u0131lan HTML Kodlar\u0131 2022<\/a><\/li>\n<li><a href=\"https:\/\/www.turkticaret.net\/blog\/github-nedir-github-ne-ise-yarar\/\">Github Nedir? Github Ne \u0130\u015fe Yarar?<\/a><\/li>\n<li><a href=\"https:\/\/www.turkticaret.net\/blog\/wordpress-6-yeni-ozellik\/\">WordPress 2024 \u2013 6 Yeni \u00d6zellik<\/a><\/li>\n<li><a href=\"https:\/\/www.turkticaret.net\/blog\/wordpress-site-hizi-plugin-onerileri\/\">WordPress Site H\u0131z\u0131 2022 Plugin \u00d6nerileri<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Bootstrap nedir sorusuna bu yaz\u0131m\u0131zda cevap verece\u011fiz. Bootstrap bir web geli\u015ftirme arac\u0131d\u0131r. A\u00e7\u0131k kaynakl\u0131 ve \u00fccretsizdir. Bootstrap i\u00e7in olduk\u00e7a pop\u00fcler css, html ve javascript k\u00fct\u00fcphanesi de\u00a0 diyebiliriz. Web geli\u015ftiricilerin duyarl\u0131 web siteleri i\u00e7in ihtiyac\u0131 olan \u015feyleri sa\u011flayan \u00e7ok kullan\u0131lan sa\u011flam bir a\u00e7\u0131k kaynakt\u0131r. Eskiden twitter \u00e7al\u0131\u015fan\u0131 olan Mark Otto ve Jacob Thornton Bootsrap&#8217;i olu\u015fturmu\u015flard\u0131r. Bootstrap [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":4045,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[51,52],"tags":[],"_links":{"self":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/4017"}],"collection":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/comments?post=4017"}],"version-history":[{"count":14,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/4017\/revisions"}],"predecessor-version":[{"id":6015,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/posts\/4017\/revisions\/6015"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/media\/4045"}],"wp:attachment":[{"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/media?parent=4017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/categories?post=4017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.turkticaret.net\/blog\/wp-json\/wp\/v2\/tags?post=4017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}