2016-06-29 2 views
0

привета я хочу поставить 4 стороны изображения бока с бутстрапом с этим кодом только 2 изображения ставит бок о боке как поставить 4 бока изображения бока с бутстрапом

<div class="col-md-6"> 
     <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a> 
    </div> 
    <div class="col-md-6"> 
     <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a> 
    </div> 

я хочу поставить- изображения бок о бок как может id o это?

ответ

1

Использовать col-md-3.

Бутстреп-сетка разделена на 12 ячеек. Если вы скажете, что div имеет класс «col-md-1», он будет использовать 1/12 ширины родительского элемента. Если вам нужна полная ширина, тогда он должен иметь класс col-md-12.

Пожалуйста, помните, что md означает medium. Существуют и другие размеры, о которых вы должны знать.

2

Измените свой код так, что это выглядит следующим образом:

 <div class="col-md-3"> 
      <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a> 
     </div> 
     <div class="col-md-3"> 
      <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a> 
     </div> 
     <div class="col-md-3"> 
      <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a> 
     </div> 
     <div class="col-md-3"> 
      <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a> 
     </div> 

класс должен быть "Col-мкр-3"

+0

, что является правильным. –

Смежные вопросы