Что выбрать container или container-fluid?

Question

[Максим]

Здравствуйте. Решил верстать все, что вижу на своем пути, чтобы набраться опыта)
Наткнулся на макет sportshold картинка

Возник вопрос. Как мы видим на картинке, верхняя часть должна быть во всю ширину экрана.
Я подумал, что для этого подойдет адаптивно-резиновый container-fluid т.к. ширина у него не имеет фиксированного значения, она всегда равна ширине vieport браузера. Но использовав его, я заметил padding и никак не пойму зачем он мне. Ведь мне нужно во всю ширину браузера. Не значат ли мои слова "Мне надо во всю ширину", что мне надо фиксированную ширину? Т.е. container? Но зачем тогда вообще пишут про container-fluid "ширина всегда равна ширине vieport браузера"

Короче, что мне выбрать?

Comments

[Rustam Bainazarov]

Используйте обычный контейнер, а картинку ставь на абсолютном позиционировании относительно контейнера или блока с текстом.

Картинка — div с background.

Для картинки задай ширину в пикселях, а высоту в calc(100% + 30px) к примеру, чтобы она была больше контейнера по высоте.

Answer 1

[Serj-One]

Но использовав его, я заметил padding и никак не пойму зачем он мне.

Чтоб контент был не впритык к краям браузера. Это же логично.

Comments

[Максим]

В каких случаях его использовать?

[Serj-One]

Максим, Очевидно, когда нужно задействовать всю ширину экрана.

Answer 2

[eduardich]

Для первого блока с кроссовком поставте container-fluid. Что-бы кроссовок прилягал к краю страницы впритык, задайте его через background, и расположите слева. А если очень мешают padding, то их можно убрать в пользовательском CSS файле. Ну и для второго,конечно, просто container.