Bootstrap Izgara Sistemi

Bootstrap logo
Bootstrap bir Css Framework'tür. En çok tercih edilmesinin sebebi kolaylıkla mobil uyumlu sayfalar yapılmasıdır. Mobil uyumlu sayfaların sisteminin temeli ızgara yapısıdır. Izgara yapısı col-md, col-lg gibi kodlarla oluşturulur. Çalışma mantığı sayfayı en az 2, en fazla 6 farklı sütuna bölebilirsiniz. Bu böldüğünüz sayfa ekran genişliğine göre şekil alacaktır. Sanırım bunu örneklerle daha iyi anlayabilirsiniz.


Sayfayı İkiye Bölen Bootstrap Örneği:

<div class="container">
<div class="row">
<div class="col-md-6">1. KISIM</div>
<div class="col-md-6">2. KISIM</div>
</div>
</div>

Sayfayı Üçe Bölen Bootstrap Örneği:

<div class="container">
<div class="row">
<div class="col-md-4">1. KISIM</div>
<div class="col-md-4">2. KISIM</div>
<div class="col-md-4">3. KISIM</div>
</div>
</div>

Sayfayı Dörde Bölen Bootstrap Örneği:

<div class="container">
<div class="row">
<div class="col-md-3">1. KISIM</div>
<div class="col-md-3">2. KISIM</div>
<div class="col-md-3">3. KISIM</div>
<div class="col-md-3">4. KISIM</div>
</div>
</div>

Sayfayı Altıya Bölen Bootstrap Örneği:

<div class="container">
<div class="row">
<div class="col-md-2">1. KISIM</div>
<div class="col-md-2">2. KISIM</div>
<div class="col-md-2">3. KISIM</div>
<div class="col-md-2">4. KISIM</div>
<div class="col-md-2">5. KISIM</div>
<div class="col-md-2">6. KISIM</div>
</div>
</div>

Bu kodları tek tek deneyerek öğrenebiliriniz.

2 yorum:

  1. Did you hear there is a 12 word sentence you can communicate to your partner... that will trigger intense feelings of love and instinctual appeal to you deep inside his heart?

    That's because deep inside these 12 words is a "secret signal" that triggers a man's instinct to love, cherish and look after you with all his heart...

    ===> 12 Words Will Fuel A Man's Love Impulse

    This instinct is so hardwired into a man's genetics that it will drive him to try better than ever before to do his best at looking after your relationship.

    As a matter of fact, triggering this all-powerful instinct is absolutely mandatory to getting the best ever relationship with your man that the second you send your man one of the "Secret Signals"...

    ...You'll instantly notice him open his soul and mind for you in such a way he's never expressed before and he will see you as the only woman in the universe who has ever truly fascinated him.

    YanıtlaSil
  2. Casino Site - Lucky Club
    The official site for Lucky Club. Casino Website, 카지노사이트luckclub www.luckyclub.live - Home · Live Chat, Online Sports · Live Betting · Online Casino

    YanıtlaSil