How to Set Different "Row" Sizes in Bootstrap 3

Asked

Viewed 1,015 times

3

I’m wondering how to set a value of 100% width (filling the whole screen, independent of the container) only for a bootstrap "Row", is it necessary to create a new css class for that Row in specific? has a + easy way to get?

I appreciate anyone who can help me

Exemplo

  • Friend think Row is already 100% but it is 100% relative to the element that limits the width. It is not quite the Row that you want to change.

  • Next to each answer is a check in to mark the one that solves your problem. There is no need to change the title of the question. Know our [tour]

3 answers

2

Friend, you can use the . container-Fluid

Example:

View Code

from this concept you will create your layout.

0

Colleagues, I have managed to solve my problem by using the following structure::

container (for centralized fixed content)

container-Fluid (to leave 100% widht) and inside another container (to place the centralized content :)

Ex.:

<div class="container">
   Conteúdo
</div>


<div class="container-fluid">
    <div class="container">
       conteúdo
    </div>
</div>

0

If you want it to be 100% only in a certain Row I suggest you do something like:

'.row .row-100'

why so you would be adding property width:100% only for that specific Row. Always think scalably, how much I will use, if it is something specific, prefer to create a new class.

Browser other questions tagged

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