Menu icon Foundation
Using row class

hi.. why do i need to put    in row class just to fix the alignment?
using this code without the ``` nbsp;nbsp;``` The output looks like this

Capture

    <section class="main-section" style="background-color:red;">
				  <div class="row">
					    <div class="row">
			         
					  </div>
				</div>
   </section>
            
            

         

and with this code with    everything goes fine.

Capture2

    <section class="main-section" style="background-color:red;">
    			  <div class="row">
					    <div class="&nbsp;&nbsp;row">
			         
					  </div>
				</div>
   </section>
            

         

row

hi.. why do i need to put    in row class just to fix the alignment?
using this code without the ``` nbsp;nbsp;``` The output looks like this

Capture

    <section class="main-section" style="background-color:red;">
				  <div class="row">
					    <div class="row">
			         
					  </div>
				</div>
   </section>
            
            

         

and with this code with    everything goes fine.

Capture2

    <section class="main-section" style="background-color:red;">
    			  <div class="row">
					    <div class="&nbsp;&nbsp;row">
			         
					  </div>
				</div>
   </section>
            

         
Rafi Benkual over 5 years ago

You do not need to use "row" classes if you want a div to span the full screen width. Using the row class creates a 1000px wide row in which you can add 12 columns into. Columns are used to define how content is placed in each row.