在bootstrap中，如何使縮略圖的流暢調整大小

Question

我使用bootstrap 2.0來製作流體佈局。不過，我覺得它打破不好的時候，瀏覽器是調整或者當我看到它從iPhone：

這是我的標記：

 <div id="features" class="row-fluid"> 
     <div class="span12"> 
      <ul class="thumbnails"> 
      <li class="span4"> 
       <div class="thumbnail"> 
       <img src="http://placehold.it/128x128" width="128" height="128" alt="Orders" /> 
       <h3>Pedidos</h3> 
       <p>Genera ordenes de pedidos para su facturacion posterior</p> 
       </div> 
      </li> 

      <li class="span4"> 
       <div class="thumbnail"> 
       <img src="http://placehold.it/128x128" width="128" height="128" alt="Invoices" /> 
       <h3>Facturas</h3> 
       <p>Factura las ventas realizadas</p> 
       </div> 
      </li> 

      <li class="span4"> 
       <div class="thumbnail"> 
       <img src="http://placehold.it/128x128" width="128" height="128" alt="Customers" /> 
       <h3>Clientes</h3> 
       <p>Ingrese & actuelize los datos de los clientes</p> 
       </div> 
      </li> 

      <li class="span4"> 
       <div class="thumbnail"> 
       <img src="http://placehold.it/128x128" width="128" height="128" alt="Products & Stock" /> 
       <h3>Productos</h3> 
       <p>Ingrese & actuelize los datos de los productos y su inventario</p> 
       </div> 
      </li> 

      <li class="span4"> 
       <div class="thumbnail"> 
       <img src="http://placehold.it/128x128" width="128" height="128" alt="Sincronization with ERP" /> 
       <h3>Impresion</h3> 
       <p>Genera impresion de tiquets en papel con la impresora P25</p> 
       </div> 
      </li> 

      <li class="span4"> 
       <div class="thumbnail"> 
       <img src="http://placehold.it/128x128" width="128" height="128" alt="Sincronization with ERP" /> 
       <h3>Sincronizacion</h3> 
       <p>Sincroniza los datos con ERPs seleccionados</p> 
       </div> 
      </li> 
      </ul> 
     </div><!--/span--> 
     </div><!--/row--> 

（相同的標記零CSS應用。查閱全文打破也不好）

我試過CSS的寬度/高度，但打破了流量。

Answer 1

引導現在有及時的支持，以及3.0分公司will have it by default。

Answer 2

除非您使用尺寸完全相同且分佈均勻的圖像，否則使用純css解決您的挑戰非常困難，儘管助推器有多神奇。您可以嘗試使用.row而不是.row-fluid來查看流體樣式是否造成了不好的中斷，但除此之外，如果您想要某種「防彈」功能，則可能需要考慮使用javascript。

也許是這樣的：masonry.js或Isotope