Bootstrap更大的元素

我不得不動態生成文本。文本長度爲2 - 3行。但是，如果將它放入帶有引導程序的元素中，它有時會使元素變大，如果它有3行。無論如何，我可以自動設置3行的大小，所以所有的元素將是相同的大小？Bootstrap更大的元素

我正在使用smarty模板系統。

<div class="row row-eq-height"> 
    {foreach item=inventoryItem from=$inventory} 
     <div class="col-sm-1 col-md-3"> 
      <div class="thumbnail"> 
      {foreach key=key item=item from=$inventoryItem} 
       {if $key == "icon_url"} 
        <img src="http://steamcommunity-a.akamaihd.net/economy/image/{$item}" width="128" height="96"> 
       {/if} 
       <div class="caption"> 
       {if $key == "name"} 
        <h3><center>{$item}</center></h3> 
       {/if} 
       {if $key == "price"} 
        <p><center>${$item}</center></p> 
       {/if} 
       </div> 
      {/foreach} 
      </div> 
     </div> 
    {/foreach} 

</div>

來源

2015-10-05 JnDone

你的代碼是什麼，你到目前爲止試過了什麼？ – crazymatt

我試過'row-eq-height'，但它似乎沒有幫助。我讀過我可能需要使用JavaScript，但我並不想這樣做，並認爲必須有一種方法可以通過HTML/CSS來實現... – JnDone

請包括您迄今爲止編寫的HTML/CSS 。 – kdbanman

您必須設置爲min-height<div class="col-sm-1 col-md-3">

如果使用row-eq-height你必須將它添加到你的CSS文件。見this example。

來源

2016-02-18 17:59:05 Roman

Bootstrap更大的元素

回答

相關問題