bootstrap：在响应时插入<hr />

Question

我正在使用响应式Bootstrap框架设计一个网站。

我有3个内容区域彼此相邻（水平）。如果我有一个小显示器，这两个内容相互之间（典型的响应式设计）。

现在我想在每个内容块之后添加<hr/>。

<div class="row-fluid content">
  <div class="span4">test1</div>
  <div class="span4">test2</div>
  <div class="span4">test3</div>
</div>

这是大显示的整个代码。

在某些显示器上，水平有2个块，2个块下有1个块。 然后我想在两行之间插入一个<hr/>。

Answer 1

Bootstrap提供类，用于根据媒体查询管理设备对任何元素的可见性。您必须放置仅在特定视口中可见的<hr/>元素：

<div class="row-fluid content">
    <div class="span4">test1</div>
    <hr class="visible-phone"/>
    <div class="span4">test2</div>
    <hr class="visible-phone"/>
    <div class="span4">test3</div>
</div>

查看文档了解更多Responsive utility classes。