Bootstrap ile dinamik Filtreleme Düzenleri

Bootstrap açık kaynak kodlu ücretsiz bir CSS frameworktür tasarım aracıdır. Bootstrap ile kolayca telefonlar tabletler ve masaüstü bilgisayarlar için farklı ve cihaz büyüklüğüne uygun şekilde sitenizin gözükmesini sağlayan temalar/tasarımlar yapabilirsiniz. Gerçek bir site için gerekli olan tüm elementleri içinde barındıran Bootstrap tasarım yaparken bu hazır elementleri kullanarak bütün cihazlara uygun tasarımlar geliştirmenize yarar. Bu sayede her şeyi hazır olan kodlarla yeni bir tasarım ortaya koymak çok basit ve pratiktir. Bir web sitesi için gerekli olan tüm öğeleri içerdiği için bir siteyi komple bir bütün olarak tasarlayabilirsiniz.

<! – Son derlenmiş ve CSS minified –>
<link rel = “stylesheet” href = “https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css“>

<! – İsteğe bağlı tema –>
<link rel = “stylesheet“ href = “https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap–theme.min.css“>

<! – Son derlenmiş ve JavaScript minified –>
<script src = “https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js“> </ script>

Bootstrap hazır bir sistem olması dolayısıyla neredeyse her şeyi kopyala yapıştır yaparak kullanabiliyorsunuz. Ancak öncelikle ana template dosyanız için bazı olmazsa olmazlar var. Web sayfamız Html5 olmalı ve Bootstrap için ana Css dosyası ve jquery scriptini de sayfanıza eklemelisiniz. Web sayfanızda kullanacağınız her bir öğe için getbootstrap.com sitesi referans siteniz olacak. Bu siteye girdiğinizde üst menüde yer Getting Started CSS Component ve Javascript alanlarına sıkça başvurup gerekli kodları buralardan kopyala yapıştırla alacağız. Web uygulamalarını ve web sitelerini daha hızlı ve modern bir yapıyla oluşturulmasını sağlayan çok kodlamanın hazırlanmış halidir.

<div class="row">

<div class="col-md-4"></div>

</div>
Bootstrap ile CSS’ye tam anlamıyla hakim olabilirsiniz. Bootstrap GİTHUB tarafından açık kaynak olarak geliştirilmektedir. Bootstrap HTML5’in tüm özelliklerini destekler. Bootstrap ile oluşturulmak istenen projeler için özel olarak tasarlanmış JQuery eklentileri vardır.
Web projelerin daha hızlı ve daha şık olması için hazırlanmıştır. Bootstrap web sitenizi çok sayıda cihazla uyumlu hale getirebilir. Giriş, ikon, buton, bildirge gibi birçok elementi kolayca projelerimizde kullanabiliriz. Bootstrap birçok elementin yanı sıra ikonlarla da donatılmış muazzam bir projedir.