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 that you have read and understand our privacy policy and code of conduct.

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