2017-02-24 17 views
1

所以有這個問題,並沒有真正找到解決方案來解決它。 我有這個最初設計時的屏幕大:Bootstrap更改列的位置並拆分它們

Initial layout big screen

而且當屏幕被調整爲小屏幕我想有以下 enter image description here

所以它實際上是同一個問題第一個必須與標題和文字一樣大,然後將標題移到標誌上方。

回答

5

這是關於定位。

  1. 標題
  2. 標誌
  3. 文本

請帶班行父DIV。

然後在裏面,首先用col-md-6 col-xs-12 pull-right創建你的標題。這將導致標題正確地浮動。對文字也一樣。

徽標應該得到相同的類,但pull-left而不是pull-right。這會導致它向左浮動。

但是在移動設備上,所有人都會低於對方。

退房小提琴:

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

相關問題