Padding у блока внутри bootstrap`овского container?

Question

[saplas]

Есть блок внутри container`a bootstrap. Соответственно из-за контейнера у блока есть паддинги по бокам. Нужно убрать эти паддинги только у одного блока. Можно это как-то сделать?

У меня примерно такая верстка:

<div class="container">
        <div>example</div>
        <div>exmaple
           <div>no-padding</div>
        </div>
</div>

и вот где no-padding только там не должно быть отступов контейнера

Answer 1

[tyzberd]

добавить

margin-right: -15px;
margin-left: -15px;

для блока с no-padding

Comments

[saplas]

Мне нужны отступы контейнера, но не нужны они только на определенном блоке внутри контейнера.

[tyzberd]

ну так и будет. Я же не на контейнер предлагаю добавить, а на определенный блок

[saplas]

Дело в том что я пробовал уже так и блок просто прижимается к правому краю.

[tyzberd]

https://codepen.io/tyzberd/pen/jdOoWv

[tyzberd]

а, ну может там еще ширина прописана. Без полного примера с кодом не понятно.

[saplas]

tyzberd, Сделал, подсказка с шириной помогла) убрал max-width: 100%; и поставил width:auto; и блок встал как надо) Спасибо:)

Answer 2

[gretyl007]

Инлайново прописать нулевые паддинги этому контейнеру.
Обернуть контейнер в, например, div с классом ''padding-0''. Прописать стили для .padding-0 .container{padding:0;}