我应用的 bootstrap 3 网格系统对吗？

Question

这是初始标记：

<div class="product-related-products">
<div class="product-fields-title-wrapper"><span class="product-fields-title"><strong>Related products</strong></span>

</div>
<div class="product-field product-field-type-R">product1</div>
<div class="product-field product-field-type-R">product2</div>
<div class="product-field product-field-type-R">product3</div>
<div class="product-field product-field-type-R">product4</div>
<div class="product-field product-field-type-R">product5
    <div class="clear"></div>
</div>

我需要将这些 div.product-field.product-field-type-R 放入 bootstrap 3 网格系统，在比超小屏幕大的屏幕上有 4 列这是我的最终标记：

<div class="product-related-products">
<div class="row product-fields-title-wrapper"><span class="product-fields-title"><strong>Related products</strong></span>
</div>
<div class="row">
    <div class="col-sm-3 col-xs-6 product-field product-field-type-R">product1</div>
    <div class="col-sm-3 col-xs-6 product-field product-field-type-R">product2</div>
    <div class="col-sm-3 col-xs-6 product-field product-field-type-R">product3</div>
    <div class="col-sm-3 col-xs-6 product-field product-field-type-R">product4</div>
    <div class="col-sm-3 col-xs-6 product-field product-field-type-R">product5</div>
</div>

我申请的bootstrap3格系统对吗？

Answer 1

是的，您已正确应用网格类。

根据您的应用，div 在移动设备上显示时为半宽，在更大的设备上显示时为四分之一宽。

我应用的 bootstrap 3 网格系统对吗？

Did I applied bootstrap 3 grid system right?

css

multiple-columns

grid-system

twitter-bootstrap