{"id":34,"date":"2020-01-06T01:23:00","date_gmt":"2020-01-05T22:23:00","guid":{"rendered":"https:\/\/www.biltek.net.tr\/?p=34"},"modified":"2023-10-27T16:45:11","modified_gmt":"2023-10-27T13:45:11","slug":"bootstrap-nedir-ve-ozellikleri-nelerdir","status":"publish","type":"post","link":"https:\/\/www.biltek.net.tr\/blog\/bootstrap-nedir-ve-ozellikleri-nelerdir","title":{"rendered":"Bootstrap Nedir ve \u00d6zellikleri Nelerdir?"},"content":{"rendered":"\r\n<p>Bootstrap, d\u00fcnyan\u0131n en pop\u00fcler sosyal medya platformu Twitter taraf\u0131ndan HTML veya CSS gibi a\u00e7\u0131k kaynak kodlu k\u00fct\u00fcphaneler ile tasarlanm\u0131\u015ft\u0131r. S\u0131kl\u0131kla kullan\u0131lan framework\u2019ler aras\u0131nda yer alan Bootstrap, g\u00fcncel bir web sitesi kurmak i\u00e7in harcanan s\u00fcreyi k\u0131salt\u0131r. T\u00fcm ekranlara uyum sa\u011flayan internet sayfalar\u0131 geli\u015ftirmenize yard\u0131mc\u0131 olur. Profesyonel bir \u015fekilde tasarlad\u0131\u011f\u0131n\u0131z forum, e-ticaret ya da kurumsal bir fiman\u0131n web sitesinin t\u00fcm cihazlarda \u00e7al\u0131\u015fabilir olmas\u0131d\u0131r.<\/p>\r\n\r\n\r\n\r\n<p>Geli\u015ftiricilerin zamandan kazanmas\u0131n\u0131 sa\u011flar. Ana hedefi mobil dostu siteler olu\u015fturmak olan Bootstrap, haz\u0131r \u015fablonlar ile kolayl\u0131k sunar. Ekip taraf\u0131ndan haz\u0131rlanan a\u00e7\u0131l\u0131r men\u00fcler, navigasyon barlar ya da butonlar ile aray\u00fcz geli\u015ftirebilirsiniz. Hemen hemen her web taray\u0131c\u0131 ile uyumlu bir altyap\u0131ya sahiptir.<\/p>\r\n\r\n\r\n\r\n<p><strong>Bootstrap Nedir?<\/strong><\/p>\r\n\r\n\r\n\r\n<p>HTML, CSS ve Javascript\u2019de duyarl\u0131 projeler geli\u015ftirmek i\u00e7in kullan\u0131lan Bootstrap, responsive design yani duyarl\u0131 tasar\u0131mlar yaratman\u0131z\u0131 sa\u011flar. Telefon, bilgisayar, tablet ya da notebook gibi ak\u0131ll\u0131 cihazlarda \u00e7al\u0131\u015fan a\u00e7\u0131k kaynak kodlu bir k\u00fct\u00fcphanedir. Bir sitesi i\u00e7in t\u00fcm gerekli elementleri sunmaktad\u0131r. Kullan\u0131c\u0131lar\u0131n kendi yorumunu katabilece\u011fi bir teknolojidir.<\/p>\r\n\r\n\r\n\r\n<p>Bootstrap\u2019\u0131n i\u00e7erisinde stil, imaj ve Javascriptler bulunur. Bunlar\u0131 \u00e7a\u011f\u0131rarak web sitenizi tasarlayabilirsiniz. A\u00e7\u0131k kaynak kodlu olan bu teknolojiyi kullan\u0131rken renklendirme ve \u015fekillendirme yapabilirsiniz. Chrome, Safari, Opera, Yandex Browser ya da Internet Explorer gibi bir\u00e7ok taray\u0131c\u0131n\u0131n son s\u00fcr\u00fcm\u00fcnde kullan\u0131l\u0131r. \u00d6\u011fe d\u00fczenlenmesinde karma\u015f\u0131kl\u0131\u011f\u0131n \u00f6n\u00fcne ge\u00e7er.<\/p>\r\n\r\n\r\n\r\n<p><strong>Bootstrap\u2019\u0131n \u00d6zellikleri Nelerdir?<\/strong><\/p>\r\n\r\n\r\n\r\n<p>Bootstrap, mobil duyarl\u0131 bir teknolojidir. Web sitelerinin ve uygulamalar\u0131n\u0131n ihtiya\u00e7 duyabilece\u011fi t\u00fcm bile\u015fenleri i\u00e7erir. Uyarlanabilir ve esnek bir d\u00fczen sa\u011flar. Arama Motoru Optimizasyonu de\u011ferini art\u0131ran \u00f6zellikler sunar. Her alanda s\u0131kl\u0131kla tercih edilen Bootrstrap\u2019\u0131n temel \u00f6zelliklerini \u015f\u00f6yle s\u0131ralayabiliriz;<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Responsive bir yap\u0131 sa\u011flar. Tercih edilme nedenlerinin ba\u015f\u0131nda gelen bu yap\u0131, grid sistemi ile zamandan kazan\u0131p i\u00e7eri\u011fe odaklanman\u0131za destek olur. Izgaraland\u0131rma sistemi sayesinde tasar\u0131m yaparken her b\u00f6l\u00fcme m\u00fcdahale edebilirsiniz.\u00a0\u00a0<\/li>\r\n\r\n\r\n\r\n<li>Responsive resimler sa\u011flar. G\u00f6r\u00fcnt\u00fclerin ekran boyutlar\u0131na uyum g\u00f6stermesi kodlarla birlikte ger\u00e7ekle\u015fir.<\/li>\r\n\r\n\r\n\r\n<li>JavaScript deste\u011fi sunar. Kullan\u0131c\u0131lar, bu destek ile bir\u00e7ok eklentiden yararlan\u0131r.\u00a0<\/li>\r\n\r\n\r\n\r\n<li>Tema, faydal\u0131 komponentler ve g\u00fc\u00e7l\u00fc bir dok\u00fcmantasyon imkan\u0131 tan\u0131r. Dok\u00fcmantasyon deste\u011fi, yaz\u0131lan her kod par\u00e7as\u0131n\u0131n detayl\u0131 bir \u015fekilde a\u00e7\u0131klanmas\u0131 anlam\u0131na gelir. Tasar\u0131mlar\u0131n\u0131z\u0131 kolay ve yarat\u0131c\u0131 bir ger\u00e7ekle\u015ftirmenize yard\u0131mc\u0131 olur.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p><strong>Bootstrap Neden Kullan\u0131l\u0131r?<\/strong><\/p>\r\n\r\n\r\n\r\n<p>Kolay ve esnek \u00e7al\u0131\u015fma modeli sayesinde tercih edilir. Bu framewok\u2019\u00fcn faydalar\u0131 aras\u0131nda; zaman kazand\u0131rmas\u0131, g\u00f6r\u00fcnt\u00fcleri yeniden boyutland\u0131rman\u0131za yard\u0131mc\u0131 olmas\u0131, ki\u015fiselle\u015ftirme sa\u011flamas\u0131, baz\u0131 bile\u015fenlerinin \u00f6nceden bi\u00e7imlendirilmesi, geni\u015f bir ekibe sahip olmas\u0131 ilk s\u0131rada yer al\u0131r.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Belirli \u00f6\u011feler sayesinde farkl\u0131 platform ve frameworkler\u2019e entegre edilir olmas\u0131, kullan\u0131m kolayl\u0131\u011f\u0131 sa\u011flar. Kodlar\u0131 tutarl\u0131 ve hatas\u0131z bir \u015fekilde sunarken i\u00e7 ara\u00e7lar\u0131ndan faydalan\u0131r. Projenize eklemek istedi\u011finiz yaz\u0131 tipi ve bask\u0131 stillerini tek bir kutucuk sayesinde a\u00e7\u0131p kapatabilirsiniz. De\u011fi\u015fen \u00f6zellikler aras\u0131nda; etiketler, giri\u015f gruplar\u0131, sayfalamay\u0131 de\u011fi\u015ftirme gibi bile\u015fenler de yer al\u0131r.\u00a0<\/p>\r\n\r\n\r\n\r\n<p><strong>Bootstrap\u2019\u0131n Kullan\u0131m Alanlar\u0131 ve \u00d6zellikleri<\/strong><\/p>\r\n\r\n\r\n\r\n<p>Kendi sitenizden dosya indirdikten sonra klas\u00f6re \u00e7\u0131karma i\u015flemini tamamlaman\u0131z gerekir. Ard\u0131ndan, bootstrap.css ve bootstrap.min.css\u2019lerden herhangi birini CSS klas\u00f6r\u00fcne ta\u015f\u0131yabilirsiniz. Kullan\u0131c\u0131 iste\u011fine ba\u011fl\u0131 olarak, JavaScript ve CSS dosyalar\u0131n\u0131n sayfa i\u00e7erisine \u00e7a\u011fr\u0131lmas\u0131 ile birlikte HTML\u2019de de kullan\u0131l\u0131r.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Framework\u2019\u00fcn temel kullan\u0131m mant\u0131\u011f\u0131; her sat\u0131r\u0131n 12 s\u00fctuna b\u00f6l\u00fcnmesine dayan\u0131r. S\u00fctunlar, cihazlar\u0131n ekran b\u00fcy\u00fckl\u00fc\u011f\u00fcne g\u00f6re geni\u015fletilip s\u0131k\u0131\u015ft\u0131r\u0131l\u0131r. Her cihaza uygun kod yaz\u0131l\u0131r. Masa\u00fcst\u00fc bilgisayarlarda .col-md-3 class\u2019\u0131 d\u00f6rde b\u00f6lerek kullan\u0131rken tabletlerde ikili sat\u0131r ve s\u00fctunlar h\u00e2linde g\u00f6r\u00fcnmesini sa\u011flayabilirsiniz. Framework\u2019\u00fcn i\u00e7erisinden t\u00fcm dosyalara ula\u015fabilirsiniz. \u0130ndirdi\u011finiz klas\u00f6rler i\u00e7erisinden \u00f6rnek sayfalara ula\u015fabilir ve kendi \u015fablonunuzu olu\u015fturabilirsiniz.<\/p>\r\n\r\n\r\n\r\n<p>Kullan\u0131m alanlar\u0131; bir siteyi b\u00fct\u00fcn olarak tasarlamaktan olu\u015fur. Tipografik \u00f6\u011feler, dropdown men\u00fcler, slider, modal pencereler, carousel ve tablolar gibi say\u0131s\u0131z bile\u015fen sunulur. Web sitenizin ihtiya\u00e7 duydu\u011fu kodu kopyalay\u0131p yap\u0131\u015ft\u0131rarak i\u015flemi tamamlayabilirsiniz.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Bootstrap, d\u00fcnyan\u0131n en pop\u00fcler sosyal medya platformu Twitter taraf\u0131ndan HTML veya CSS gibi a\u00e7\u0131k kaynak kodlu k\u00fct\u00fcphaneler ile tasarlanm\u0131\u015ft\u0131r. S\u0131kl\u0131kla kullan\u0131lan framework\u2019ler aras\u0131nda yer alan <a class=\"mh-excerpt-more\" href=\"https:\/\/www.biltek.net.tr\/blog\/bootstrap-nedir-ve-ozellikleri-nelerdir\" title=\"Bootstrap Nedir ve \u00d6zellikleri Nelerdir?\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":2,"featured_media":1469,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[198],"tags":[],"class_list":["post-34","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-tasarim"],"_links":{"self":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":1,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":1470,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/posts\/34\/revisions\/1470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/media\/1469"}],"wp:attachment":[{"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.biltek.net.tr\/blog\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}