5

Есть такая разметка:

<div class="container">

		<div class="row">
			<div class="col-sm-12 col-md-12 col-lg-12">
				<div class="head">
					Logo
				</div>
			</div>
		</div>
    
</div>

У блока container ширина не была на всю страницу, и при этом еще отступы слева и справа.

Добавил css:

.container {
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}

и теперь появилась горизонтальная полоса прокрутки.

что я делаю не так?

2 ответа 2

6

Для этого в bootstrap используется класс container-fluid

Пример

[class*=container] {
  border: 1px solid #ccc;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<div class="container">
  container
</div>

<div class="container-fluid">
  container-fluid
</div>

1

Используй container-fluid. Или следующую структуру:

body
    .фон
       .container
0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.