Bootstrap хорошо заполняя строку

Question

У меня есть строки и три столбца с одинаковой высоты внутри нее, как это:

<div class="row row-eq-height"> 
     <div class="col-xs-12 col-sm-4 panel"> 
      <div class="well"> 
       <strong class="text-info">well 1</strong> 
      </div> 
     </div> 

     <div class="col-xs-6 col-sm-4 panel"> 
      <div class="well"> 
       <strong class="text-info">well 2</strong> 
       <hr> 
      </div> 
     </div> 

     <div class="col-xs-6 col-sm-4 panel"> 
      <div class="well"> 
       <strong class="text-info">well 3</strong> 
       <hr> 
      </div> 
     </div> 
    </div> 

То, что я хочу достичь оказывает три скважины с одинаковым размером (размер самого большого) , Я попробовал добавить .well в класс столбцов, но это решение просачивает пространства между лунками.

Answer 1

Попробуйте использовать класс текста оправдает

<div class="row row-eq-height"> 
    <div class="col-xs-12 col-sm-4 panel"> 
     <div class="well text-justify"> 
      <strong class="text-info">well 1</strong> 
     </div> 
    </div> 

    <div class="col-xs-6 col-sm-4 panel"> 
     <div class="well text-justify"> 
      <strong class="text-info">well 2</strong> 
      <hr> 
     </div> 
    </div> 

    <div class="col-xs-6 col-sm-4 panel"> 
     <div class="well text-justify"> 
      <strong class="text-info">well 3</strong> 
      <hr> 
     </div> 
    </div> 
</div>