Önyükleme kabında konteynır sıvısı olan sabit genişlik sütunu

Question

Sabit genişlikte sol tarafta bir yan sütuna sahip olmak için bir çözüm bulmaya çalışıyorum ve sağ tarafta normal bir önyükleme kabı sıvısı var.

Kenar çubuğu önyükleme yapısının içinde olmasa bile sorun yoktur. Yani col-xx-xx sınıfı ile olmamalı.

Temel sorun ne yaparsam yapay sıvı kabının kenar çubuğunun yanında kalmasını engellemem.

Ayrıca, kenar çubuğunda hiçbiri görüntülenmezse, sıvı kabının sayfanın tüm genişliğini kullanması gerektiğidir.

Destek için teşekkürler.

Answer 1

container-fluid öğünüzü div numaralı telefona margin-left: 200px (200px kenar çubuğunuzun genişliği) ile dahil etmeyi deneyin.

Sonra mesela

Answer 2

A sabit sıvı düzeni possible in Bootstrap 3 olduğu için position: absolute ile kenar çubuğu konumlandırmak, ancak Önyükleme 4 çok daha kolay olduğunu flexbox'a vardır artık. Sen

Bootstrap 4 alfa 2 http://codeply.com/go/eAYKvDkiGw ... sadece sabit yan sütunda flex: 0 0 300px; genişliğini ayarlamak için bir kaç basit ayarlamalar flexbox'a etkinleştirmek ve yapmak gerekir ve sonra flex: 1; ana sütun üzerinde kalan genişliğini doldurmak için

Önyükleme 4 Alpha 6 veya Beta http://codeply.com/go/V9UQrvLWwz

:

İşte FlexBox varsayılan olarak en son Bootstrap 4 için daha basit bir güncelleme var

@media (min-width: 576px) { 
    .sidebar { 
      max-width: 280px; 
    } 
} 

<div class="container-fluid"> 
    <div class="row flex-nowrap"> 
     <div class="col-md-4 col-12 sidebar"> 

     </div> 
     <div class="col-md col-12 main"> 
      <h2>Main (fluid width...)</h2> 
     </div> 
    </div> 
</div> 

Ayrıca bakınız: How to build a 2 Column (Fixed - Fluid) Layout with Twitter Bootstrap?

Güncelleme 2018 Bootstrap 4.0.0 example