Html 引导：插入<；hr/>；及时响应

我正在设计一个使用响应引导框架的网站

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

现在，我想在每个内容块后面添加一个

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

测试1
测试2
测试3

这是大屏幕显示的全部代码

在某些显示器上，有2个水平块，2个块下有1个块。

---

然后，我想在两行之间插入一个

。

引导提供了一些类，用于根据媒体查询按设备管理任何元素的可见性。您必须放置仅在特定视口中可见的元素：

<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>

测试1

测试2

测试3

---

有关详细信息，请参阅文档。

引导提供了一些类，用于根据媒体查询按设备管理任何元素的可见性。您必须放置仅在特定视口中可见的元素：

<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>

测试1

测试2

测试3

---

查看文档了解更多信息。

我不太确定你在问什么。当css中达到@media size时，你必须使用类似javasript/jquery的东西在内容div之间插入

标记。除非你有意定制css，无论视口是什么，上面的HTML都不应该导致2个span4块并排，第3个块在下面。你有可以发布的URL吗？我不确定你在问什么。当css中达到@media大小时，你必须使用类似javasript/jquery的东西在内容div之间插入

标记。除非你有意定制css，无论视口是什么，上面的HTML都不应该导致2个span4块并排，第3个块在下面。你有可以发布的URL吗？