Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 6th, 2012  |  syntax: None  |  size: 2.88 KB  |  hits: 30  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Adding background color and padding to row in Twitter bootstrap
  2. <div id="mydiv">
  3.  
  4.             <div class="wrap">
  5.  
  6.                 <div class="row">
  7.  
  8.                     <div class="span4">
  9.                         <ul>
  10.                             <li>Random link</li>
  11.                             <li>Random link</li>
  12.                             <li>Random link</li>
  13.                             <li>Random link</li>
  14.                             <li>Random link</li>
  15.                         </ul>
  16.                     </div> <!-- .span4 -->
  17.  
  18.                     <div class="span4">
  19.                         <ul>
  20.                             <li>Random link</li>
  21.                             <li>Random link</li>
  22.                             <li>Random link</li>
  23.                             <li>Random link</li>
  24.                             <li>Random link</li>
  25.                         </ul>
  26.                     </div> <!-- .span4 -->
  27.  
  28.                     <div class="span4">
  29.                         <ul>
  30.                             <li>Random link</li>
  31.                             <li>Random link</li>
  32.                             <li>Random link</li>
  33.                             <li>Random link</li>
  34.                             <li>Random link</li>
  35.                         </ul>
  36.                     </div> <!-- .span4 -->
  37.  
  38.                 </div> <!-- .row -->
  39.  
  40.             </div> <!-- wrap -->
  41.  
  42.         </div> <!-- mydiv -->
  43.        
  44. <div id="mydiv" class="row">
  45.  
  46.             <div class="wrap">
  47.  
  48.                     <div class="span4">
  49.                         <ul>
  50.                             <li>Random link</li>
  51.                             <li>Random link</li>
  52.                             <li>Random link</li>
  53.                             <li>Random link</li>
  54.                             <li>Random link</li>
  55.                         </ul>
  56.                     </div> <!-- .span4 -->
  57.  
  58.                     <div class="span4">
  59.                         <ul>
  60.                             <li>Random link</li>
  61.                             <li>Random link</li>
  62.                             <li>Random link</li>
  63.                             <li>Random link</li>
  64.                             <li>Random link</li>
  65.                         </ul>
  66.                     </div> <!-- .span4 -->
  67.  
  68.                     <div class="span4">
  69.                         <ul>
  70.                             <li>Random link</li>
  71.                             <li>Random link</li>
  72.                             <li>Random link</li>
  73.                             <li>Random link</li>
  74.                             <li>Random link</li>
  75.                         </ul>
  76.                     </div> <!-- .span4 -->
  77.  
  78.             </div> <!-- wrap -->
  79.  
  80.         </div> <!-- mydiv -->
  81.        
  82. .wrap {
  83. padding: 35px;
  84. background-color: #F7F7F7;
  85. border: 1px solid #DDD;
  86.        
  87. .row-padded {
  88.   padding: 35px;
  89.   background-color: #F7F7F7;
  90.   border: 1px solid #DDD;
  91. }
  92.  
  93. .row-padded .span4 {
  94.   background-color: #bbb;
  95.   width: 30%;
  96. }
create a new version of this paste RAW Paste Data