これは不可能かもしれないと思いますが、おそらくどの専門家も私を助けてくれるかもしれません。私は非常に単純な反応的な行動を働かせようとしています:ボトムアライメントされたdivを無効にしないでください。ブートストラップの列の浮きがあります。
2つの列のレイアウト、ロゴは左、navbarは右です。今度は、より大きな画面の場合はの2番目の列の一番下に合わせてに、小さい画面の場合はのすぐ下の次の行にを浮かべてください。
大きな画面:
小さな画面:
私は、これはこれまでのところ唯一のJSで行うことができると仮定し、多分誰もが、これは実現し得る方法を知っています純粋なCSSで。
HTML:
<div class="container">
<div class="row">
<div id="col1" class="col-xs-12 col-sm-3">
<div id="logo">Logo</div>
</div>
<div id="col2" class="col-xs-12 col-sm-9">
<div id="navbar">Navbar: tab 1 | Nav tab 2 | Nav tab 3</div>
</div>
</div>
</div>
CSS:私は完全なコードでjsfiddleを設定した
#logo {
background-color: red; height: 100px; width: 150px; color: white;
}
#navbar {
background-color: blue; height: 30px; width: 100%; color: white;
}
:すべてのヘルプは大歓迎ですhttp://jsfiddle.net/m4s4uqhx/6/
。
この時点で完全に忘れていました。ご協力ありがとうございました。 –
あなたは大歓迎です:) – Mistalis