Bootstrap Giriş

Merhaba arkadaşlar, uzun bir sınav döneminden sonra kendime hedeflediğim bazı makale hedeflerinden birisi bootstrap serisiydi. Bir giriş yapalım dedim. Bu makalede;

  • Bootstrap Nedir?
  • Neden Bootstrap Kullanmalıyız?
  • Projeye Bootstrap Ekleme.

konularına değineceğim. Umarım giriş için güzel bir yazı olur.

BOOTSTRAP NEDİR?

 Bootstrap öncelikle bir framework’dür. İçerisinde sizin için hazırlanmış Css kütüphaneleri mevcuttur sizin yapmanız gereken bu Css’leri istediğiniz yerde istediğiniz şekilde kullanmaktır. Anlayacağınız bir Css deposudur.

NEDEN BOOTSTRAP KULLANMALIYIZ?

 Bootstrap’ı cazip kılan ise tasarımlarınızın hem tablette, hem İnternet tarayıcınızda hem de telefonunuzda bozulma olmadan çalışması. Buna responsive tasarım diyoruz. Bu özelliği ile yeni dönemin çok kullanılan bir teknolojisi olmaktadır.

PROJEYE BOOTSTRAP EKLEME

 Adım 1: Projenizin Css ve Js klasörlerinin olduğu yere Bootstrap linkine girip Download BootStrap ‘a tıklayıp indirdiğiniz Css ve Js’leri atın.

Adım 2: Projenizin etiketlerinin arasına


<!-- Bootstrap Core CSS -->
    css/bootstrap.min.css" rel="stylesheet" />

<!-- Custom CSS -->

<!-- Custom Fonts -->

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- [if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

Adım 3: Bunları yapıştırdıktan sonra kendi dosya yolunuza göre düzenleyin örneğin:

<link href="projenizinyolu/css/bootstrap.min.css" rel="stylesheet" />
Adım 4:  etiketleri arasına Jscript'lerimizi dahil edeceğiz fakat dikkat etmemiz gereken nokta, sayfamızı hızlı yüklenmesi için son  etiketinin hemen üstüne yapıştırmamız;
 <!-- jQuery --> 

<!-- Bootstrap Core JavaScript --> 

<!-- Plugin JavaScript --> 

</body>
Böylece projemize dahil etmiş bulunduk, şimdi istediğimiz şekilde kullanabiliriz ama bu diğer yazılarımda olacak :)


Bir Cevap Yazın