Html 推特引导在设备上看起来很奇怪；sm"；

我有以下代码：

在

xs

设备上，它看起来不错，分成两行，然后在>

sm

上也不错。保持在线

但是我不明白为什么它在

sm

上看起来很奇怪

正如你所看到的，我用过

隐藏sm隐藏md隐藏lg

打开

xs

在不同的设备和设备上显示不同的布局

隐藏的xs

要在

设备上显示另一个布局！=xs

---

也许我做错了？

你应该为每个网格添加一个结果草图。到目前为止，我理解你的代码。看来你会：

xs网格：

med  | 600kr
------------
home | 60

和sm、md、lg电网：

Med        | Home | 60 | 600

所以试试这个：

<div class="container">
    <div class="row activityItem">
    <div class="col-xs-6 col-sm-6"><p class="activityText">Medicinsk fotvård</p></div>
    <div class="col-xs-6 col-sm-2 col-sm-push-4"><p class="activityText activityTextRight">600 kr</p></div>
    <div class="col-xs-6 col-sm-2 col-sm-pull-2"><p class="activityText activityTextRight"><i class="fa fa-home">Home</i></p></div>
    <div class="col-xs-6 col-sm-2 col-sm-pull-2"><p class="activityText activityTextRight">60 minuter</p></div>
</div>
</div>

Medicinsk fotvård

600 kr
主页

60分钟

注释：

---

在您的代码中，您使用：

col-md-6 hidden xs

这里没有为sm网格定义任何内容。此div将在sm网格上获得100%的宽度。尝试使用

col-sm-6 hidden xs

您还可以使用

col-md-6 hidden sm hidden md hidden lg

仅在xs网格上可见。您的

col-md-6

对该网格没有影响。

谢谢！这就成功了！我们需要考虑一下这些推拉是如何工作的。。不确定。但是谢谢！