Как превратить container в container-fluid на xs, sm?

Question

[id_baton4eg]

Здравствуйте, подскажите, возможно сталкивались, как сделать из контейнера флюидный на маленьких разрешениях экрана ? Слайдер становится слишком мал =(

Comments

[Алексей Ярков]

А просто переопределить стиль класса ниже нельзя?

[id_baton4eg]

Алексей Ярков: тогда он весь станет на всю ширину а мне нужно провернуть это только с одним блоком, например по ид. Думаю в сторону JS, но я его не знаю))

[Алексей Ярков]

id_baton4eg: Примерно так может?

<div id="someBlock" class="container">
.......
</div>

@media(max-width: 768px) {
    #someBlock {
        width: 100%;
    }
}

Answer 1

[iBird Rose]

эм.. он как бы итак ведет себя как container-fluid после 768px

Comments

[id_baton4eg]

неправда, остаются отступы по 15px... На моб устройствах это значительно, например на моем sgs2 я получаю блок с двумя отступами шириной ~ сантиметра 2.5 и высотой ~1.5см - неплохой слайдер, да ?))))

[Сергей delphinpro]

id_baton4eg: Эти отступы нужны для компенсации отрицательных марджинов у строк (.row), которые, в свою очередь, нужны для компенсации паддингов у колонок.
На мобильных размерах эти отступы в бутстрпе не убираются, потому что в сетке присутствуют классы col-xs-*
Если вы их не используете, можете смело писать собственный медиазапрос, в котором обнулите все лишние отступы. Штатных средств в бутстрапе для этого нет.