Аранжировка в Bootstrap

Question

---

Я должен создать страницу символов для ММОРПГ, страница должна иметь характер изображения 130x130px и принадлежащие элементы 32x32px внутри родителя col-xs-12 col-sm-12 col-md-5 col-lg-5.

Answer 1

Выход не может совпадать с изображением, но он близок.

HTML

<div class="row-fluid"> 
    <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5"> 
     <div class="row-fluid"> 
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> 
       <div class="beta32"></div> 
       <div class="beta32"></div> 
       <div class="beta32"></div> 
       <div class="beta32"></div>   
      </div> 
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> 
       <div class="alpha130"></div> 
        <div class="row-fluid"> 
         <div class="col-md-3 col-md-offset-1 col-sm-3 col-sm-offset-1 col-xs-3 col-xs-offset-1"> 
          <div class="beta32"></div> 
         </div> 
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"> 
          <div class="beta32"></div> 
         </div> 
       </div> 
      </div> 
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> 
       <div class="beta32"></div> 
       <div class="beta32"></div> 
       <div class="beta32"></div> 
       <div class="beta32"></div>   
      </div> 
     </div> 
    </div> 
</div> 

Fiddle