
Untitled
By: a guest on
Aug 6th, 2012 | syntax:
None | size: 2.88 KB | hits: 30 | expires: Never
Adding background color and padding to row in Twitter bootstrap
<div id="mydiv">
<div class="wrap">
<div class="row">
<div class="span4">
<ul>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
</ul>
</div> <!-- .span4 -->
<div class="span4">
<ul>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
</ul>
</div> <!-- .span4 -->
<div class="span4">
<ul>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
</ul>
</div> <!-- .span4 -->
</div> <!-- .row -->
</div> <!-- wrap -->
</div> <!-- mydiv -->
<div id="mydiv" class="row">
<div class="wrap">
<div class="span4">
<ul>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
</ul>
</div> <!-- .span4 -->
<div class="span4">
<ul>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
</ul>
</div> <!-- .span4 -->
<div class="span4">
<ul>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
<li>Random link</li>
</ul>
</div> <!-- .span4 -->
</div> <!-- wrap -->
</div> <!-- mydiv -->
.wrap {
padding: 35px;
background-color: #F7F7F7;
border: 1px solid #DDD;
.row-padded {
padding: 35px;
background-color: #F7F7F7;
border: 1px solid #DDD;
}
.row-padded .span4 {
background-color: #bbb;
width: 30%;
}