Menu icon Foundation
Full Width problem

Good afternoon to all users,
Would that help me a problem I'm having to create my layout with the Foundation.

I needed to put a div in fullscreen but all divs after that were in fullscreen and was not supposed to.

Please can you help me?

Help

 <div class="row fullWidth" style="margin-top:100px;">
                <div class="columns large-12 small-11 small-centered">
                    <div class="row">
                        <div class="columns large-4 medium-6">
                            
                            <div class="box-content home-blog-post">
                                <div class="box-content-thumb">
                                    <a href="#" title="O seu BMW em Forma">
                                        <img src="img/bmw1.jpg" alt="O seu BMW em Forma" title="O seu BMW em Forma">
                                    </a>
                                    <div class="box-content-hover" style="display: none;">
                                        <div class="hsContainer">
                                            <div class="hsContent">
                                                <a href="/noticias" title="Ler mais">+</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="section-headline">
                                <h5 class="section-title">O SEU BMW </BR>SEMPRE EM FORMA</h5>
                                <p class="blog">Faça a sua marcação online hoje!</p>
                            </div>

                           
                        </div>
                    </div>
                    <div class="row">
                        <div class="columns large-4 medium-6">
                          <div class="box-content home-blog-post">
                                <div class="box-content-thumb">
                                    <a href="#" title="Prazer de condução em destaque">
                                        <img src="img/bmw2.jpg" alt="Prazer de condução em destaque" title="Prazer de condução em destaque" style="margin-bottom:30px;">
                                    </a>
                                    <div class="box-content-hover" style="display: none;">
                                        <div class="hsContainer">
                                            <div class="hsContent">
                                                <a href="/noticias" title="Ler mais">+</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="section-headline">
                                <h5 class="section-titlefull">PRAZER DE</br>CONDUÇÃO EM</BR> DESTAQUE</h5>
                                <p class="blogfull">Assistência BMW</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="columns large-4 medium-6">
                            
                            <div class="box-content home-blog-post">
                                <div class="box-content-thumb" >
                                    <a href="#" title="CARTÃO VALUE & CARE BMW">
                                        <img src="img/bmw3.jpg" alt="CARTÃO VALUE & CARE BMW" title="CARTÃO VALUE & CARE BMW">
                                    </a>
                                    <div class="box-content-hover" style="display: none;">
                                        <div class="hsContainer">
                                            <div class="hsContent">
                                                <a href="/noticias" title="Ler mais">+</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="section-headline">
                                <h5 class="section-title">CARTÃO</br> VALUE & CARE BMW</h5>
                                <p class="blog">Aproveite as vantagens exclusivas</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="large-12 columns">
                  <div class="">
                    <h1 style="margin-top:130px;font-weight: bold; line-height: 2rem;font-size: 32px;">VEÍCULOS S. CONRADO</h1>
                    <P style="font-size:small;margin-bottom:80px;">Descubra aqui toda a nossa oferta de veículos de passageiros e </br>comerciais, BMW, Mini ou usados.</P>
                  </div>
                </div>
              </div>
            

         

divrowfullwidth

Good afternoon to all users,
Would that help me a problem I'm having to create my layout with the Foundation.

I needed to put a div in fullscreen but all divs after that were in fullscreen and was not supposed to.

Please can you help me?

Help

 <div class="row fullWidth" style="margin-top:100px;">
                <div class="columns large-12 small-11 small-centered">
                    <div class="row">
                        <div class="columns large-4 medium-6">
                            
                            <div class="box-content home-blog-post">
                                <div class="box-content-thumb">
                                    <a href="#" title="O seu BMW em Forma">
                                        <img src="img/bmw1.jpg" alt="O seu BMW em Forma" title="O seu BMW em Forma">
                                    </a>
                                    <div class="box-content-hover" style="display: none;">
                                        <div class="hsContainer">
                                            <div class="hsContent">
                                                <a href="/noticias" title="Ler mais">+</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="section-headline">
                                <h5 class="section-title">O SEU BMW </BR>SEMPRE EM FORMA</h5>
                                <p class="blog">Faça a sua marcação online hoje!</p>
                            </div>

                           
                        </div>
                    </div>
                    <div class="row">
                        <div class="columns large-4 medium-6">
                          <div class="box-content home-blog-post">
                                <div class="box-content-thumb">
                                    <a href="#" title="Prazer de condução em destaque">
                                        <img src="img/bmw2.jpg" alt="Prazer de condução em destaque" title="Prazer de condução em destaque" style="margin-bottom:30px;">
                                    </a>
                                    <div class="box-content-hover" style="display: none;">
                                        <div class="hsContainer">
                                            <div class="hsContent">
                                                <a href="/noticias" title="Ler mais">+</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="section-headline">
                                <h5 class="section-titlefull">PRAZER DE</br>CONDUÇÃO EM</BR> DESTAQUE</h5>
                                <p class="blogfull">Assistência BMW</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="columns large-4 medium-6">
                            
                            <div class="box-content home-blog-post">
                                <div class="box-content-thumb" >
                                    <a href="#" title="CARTÃO VALUE & CARE BMW">
                                        <img src="img/bmw3.jpg" alt="CARTÃO VALUE & CARE BMW" title="CARTÃO VALUE & CARE BMW">
                                    </a>
                                    <div class="box-content-hover" style="display: none;">
                                        <div class="hsContainer">
                                            <div class="hsContent">
                                                <a href="/noticias" title="Ler mais">+</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="section-headline">
                                <h5 class="section-title">CARTÃO</br> VALUE & CARE BMW</h5>
                                <p class="blog">Aproveite as vantagens exclusivas</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="large-12 columns">
                  <div class="">
                    <h1 style="margin-top:130px;font-weight: bold; line-height: 2rem;font-size: 32px;">VEÍCULOS S. CONRADO</h1>
                    <P style="font-size:small;margin-bottom:80px;">Descubra aqui toda a nossa oferta de veículos de passageiros e </br>comerciais, BMW, Mini ou usados.</P>
                  </div>
                </div>
              </div>
            

         
Rafi Benkual almost 4 years ago

From what I can tell by the code you shared, is that the div that is .row .fullwidth is not closed anywhere. You'd want to close that div before the 12 column row below.

<div class="row fullWidth" style="margin-top:100px;"> needs a closing div tag.