Загрузочный контейнер-жидкость только на устройствах xs

Question

Я хочу использовать полную ширину на устройствах xs и sm (контейнерная жидкость), но только класс контейнера для всех других устройств. Каков наилучший способ установить это на месте? Я пробовал bootstrap jasnys, который имеет контейнер-гладкий класс, но он не центрирует контент, когда экран превышает определенный размер ...

Answer 1

вы можете добавить копию того же контейнера и настроить его на вид только в размерах, вы хотите с классами скрытых хх и видимого хх так:

<div class="container-fluid hidden-md hidden-lg"> 
    your content here 
</div> 

и этого для нормального контейнера:

<div class="container hidden-xs hidden-sm"> 
     your content here 
    </div> 

Answer 2

Перезапишите класс контейнера в вашем CSS и ваш сделать :

/* XS styling */ 
@media (max-width: @screen-xs-max) { 
    .container { 
    width: inherit; 
    } 
} 

/* SM styling */ 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { 
    .container { 
    width: inherit; 
    } 
} 

Просто замените переменные Less на соответствующие значения px.