ブートストラップで列の位置を変更し、それらを分割する

Question

この問題があり、それを解決する解決策が実際に見つかりませんでした。だから、それは実際に問題の画面が小さな画面にリサイズされたときに

そして私は、次の

を持つようにしたい：画面が大きい場合 私はこの最初の設計を持っています最初にロゴにタイトルとテキストを一緒にして、ロゴの上にタイトルを移動する必要があります。

Answer 1

これはすべての配置についてです。

1. タイトル
2. ロゴ
3. テキスト

クラス行と親のdivを作成します。

次に、クラスcol-md-6 col-xs-12 pull-rightでタイトルを作成します。これによりタイトルが右に浮かびます。テキストと同じことをしてください。

ロゴは同じクラスになりますが、pull-rightの代わりにpull-leftとなります。これにより、左に浮かびます。

ただし、モバイルではすべて下になります。

フィドルをチェックアウト：

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