Why does the "container" class in Bootstrap leave side spaces on the page? Is that normal?

Asked

Viewed 547 times

1

Because the class "container" Does Bootstrap leave side spaces on the page? This is normal or am I forgetting something?

I also need to know how to change the height of each Row, because I tried to use the height and he doesn’t recognize.

Print

1 answer

3


Yes, it’s normal. Even, this appears in the documentation.

If you want to make better use of the side space, you can use the class container-fluid.

See an example. Note: Unfortunately it does not work right in original size, click on "Whole page" to test.

.blue { 
  background-color: lightblue;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

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

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

  • Thank you. I amended the post by adding a second question (before seeing your answer), if you can answer it too, I would be grateful

  • @Amauri Please keep the single focus on the post. If the answer has solved your problem, you can mark it as correct using the on the left side of it. On the new question, you can open a new question, there is no reason to avoid it.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.