html - 更改不同分辨率的 Bootstrap 列顺序

Question

我正在使用 Boostrap，这是我的 html 代码:

<div class="row">
    <div class="col-sm-7">A</div>
    <div class="col-sm-5">B</div>
</div>

这是出现在前端的内容:

一个 | B

这是明显出现在手机屏幕上的内容:

一个

B

我如何更改我的代码才能拥有此功能？

B

一个

---

**

已解决

**

我是这样解决的。如果我的解决方案是错误的，请告诉我，即使它有效:

<div class="row">
    <div class="col-sm-5 col-right col-sm-push-7">B</div>
    <div class="col-sm-7 col-left col-sm-pull-5">A</div>
</div>

Answer 1

对于 WebView ，您可以设置 B之前A并使用 fload: right;在 css 或 pull-right类(class)。像这样:

<div class="row">
    <div class="col-sm-5 pull-right">B</div>
    <div class="col-sm-7">A</div>
</div>