SORU
7 EKİM 2013, PAZARTESİ


Bootstrap 3.0 - Sabit Sütun Boyutlarını içeren Sıvı Grid

Bootstrap kullanmayı öğreniyorum. Şu anda, düzenleri boyunca yürüyen benim. Bootstrap oldukça serin olsa da, her şeyi görüyorum tarihli görünüyor. Bence ne beni hayat için, ben bir türlü çözemiyorum bu temel bir düzen. Benim düzeni aşağıdaki gibidir:

---------------------------------------------------------------------------
|       |       |                                                         |
|       |       |                                                         |
| 240px | 160px | All Remaining Width of the Window                       |
|       |       |                                                         |
|       |       |                                                         |
--------------------------------------------------------------------------|

Bu kılavuz penceresi tam boy almak gerekiyor. Benim anladığıma göre, sabit ve sıvı genişlikleri karıştırmak gerekiyor. Ancak, Bootstrap 3.0 sıvı sınıfı artık yok gibi. Eğer öyle olsaydı bile, sıvı ve sabit sütun boyutlarını karıştırmak için nasıl anlamaya görünüyor olamaz. Herkes Bootstrap 3.0 bunu nasıl biliyor mu?

Teşekkür ederim

CEVAP
10 Kasım 2014, PAZARTESİ


Bootstrap3 ızgara sistemi genişliği yan menüler sabit izin kök satır ayarlamak için izin veren satır iç içe destekler.

Kök satır doldurma sol koymak gerekir, normal ızgara düzeni öğeleri içeren bir alt satır var.

Burada genelde bu. http://jsfiddle.net/yo8od0qa/

html

<div class="container">
    <div class="row">
        <div class="col-fixed-240">Fixed 240px</div>
        <div class="col-fixed-160">Fixed 160px</div>
        <div class="col-md-12 col-offset-400">
            <div class="row">
            Standard grid system content here
            </div>
        </div>
    </div>
</div>

css

.col-fixed-240{
    width:240px;
    background:red;
    position:fixed;
    height:100%;
}

.col-fixed-160{
    margin-left:240px;
    width:160px;
    background:blue;
    position:fixed;
    height:100%;
}

.col-offset-400{
    padding-left:415px;
}

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • LiteralMSPaint

    LiteralMSPai

    27 EKİM 2010
  • mahalodotcom

    mahalodotcom

    8 HAZİRAN 2007
  • stokelycalm

    stokelycalm

    28 Aralık 2010