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

html css twitter-bootstrap front-end

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 html css twitter-bootstrap front-end

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