Bootstrap更改列的位置并拆分它们

Question

所以有这个问题，并没有真正找到解决方案。 当屏幕很大时我有这个初始设计：

当屏幕调整为小屏幕时，我希望得到以下内容

所以第一个标题与标题和文字一起大的标识实际上是一个问题，然后将标题移到标识上方。

Answer 1

一切都与定位有关。

1. 标题
2. 标志
3. 文本

使用类行创建父div。

然后在里面，先用课程col-md-6 col-xs-12 pull-right创建你的标题。这将导致标题浮动正确。对文本也这样做。

徽标应该是相同的类，但pull-left而不是pull-right。这将导致它向左浮动。

但在移动设备上，所有人都会低于对方。

查看小提琴：

https://jsfiddle.net/80r028jq/1/