2016-08-08 3 views
0

Bootstrap имеет два типа контейнеров: чувствительный контейнер с фиксированной шириной и контейнер полной ширины, охватывающий всю ширину вашего окна просмотра. Мне нужно построить контейнер с левой стороны, если фиксированная ширина и правая сторона полны. Это возможно?Bootstrap contianer half normal half fluid

Спасибо.

+1

Возможно. Затем вам нужно скачать коды и отредактировать их так, как вы хотите. –

+1

Это возможно. Что вы пробовали до сих пор? покажите нам пример bootply.com. – Ravimallya

+0

http://www.bootply.com/NdX0RNFCQx Я не знаю, правильно ли это решение. –

ответ

0

Bootstrap не предназначен для такого типа макета, так как ширины столбцов основаны на процентах (жидкость). Вам нужно будет переопределить ширины столбцов и медиа-запросов. Например ..

#fixed { 
    background-color:#f5f5f5; 
    padding-top:5px; 
} 

@media (min-width:992px) { 
    #fixed { 
     width: inherit; 
     min-width: 585px; 
     max-width: 585px; 
     background-color:#f5f5f5; 
     float: left; 
     height: 100%; 
     position:relative; 
     overflow: auto; 
    } 
    #fluid { 
     width:calc(100% - 585px); 
    } 
} 

http://codeply.com/go/sCawdD3m0D