CODEWITHSUNDEEP
csstwitter-bootstrap
rwzdoorn
rwzdoorn

Reputation: 625

Bootstrap header desktop mobile version

I'm trying to create a header which uses the max with when viewing on a desktop and 0 padding on the mobile version. How do I get this working?

Code:

  <div class="row">

          <div class="span12">

          <h1> HEADER</h1>

          </div>   

  </div>

   <div class="row black">

          <div class="span1">      
          </div>   

         <div class="span2 black">      
          </div> 

         <div class="span2 grey">      
          </div> 

         <div class="span2 black">      
          </div> 

         <div class="span2 grey">      
          </div> 

         <div class="span2 black">      
          </div> 

          <div class="span1">      
          </div>                                                              

  </div>

Upvotes: 0

Views: 166

Answers (1)

nirazul
nirazul

Reputation: 3955

I guess I understand now what you want to achieve. If you need span12 to be 100% width, use:

<div class="row-fluid">

instead of the fixed pixel row class.

Upvotes: 1

Related Questions