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/