<...">
Geek asks and answers

Delete space in bootstrap template

I have the following markup:

<div class="row-fluid">
  <div class="span9"></div>
  <div class="span3"></div>
</div>

+-----------------------+---------------+---+
| span9 contents here   | span3 content | ->|-----space appearing here
+-----------------------+---------------+---+

How to remove the right side spacing. I can’t see the addition and / or value of the field, but also a space appears?

Update:

I found the reason he showed the space! I added the following css

body, [class*="span"] {margin: 0 !important; padding: 0 !important;}

So without removing this css, can I remove the space?

0
source share
2 answers

Give your goal a divclass:

<div class="row-fluid target">
    <div class="span9">Test1</div>
    <div class="span3">Test2</div>
</div>

then you can add these css rules:

.target [class*="span"] {
    margin-left: 20px !important;     
}

.target [class*="span"]:first-child {
    margin-left: 0 !important;    
}

Bootply Demo

+2
source

Try:

<div class="row">
 <div class="col-sm-4 col-xs-4 col-md-4"> 
       <div class="span3"> </div>  
 </div>
 <div class="col-sm-8 col-xs-8 col-md-8">
      <div class="span9"></div>
 </div>

+1
source

More articles:


All Articles