2016-11-12 8 views
1

私はブートストラップ4を使用しています。なぜ、以下のコードを使用してボタンの前にタグが表示されているのでしょうか?ボタンの前にタグが表示されるのはなぜですか?

<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button> 
    <a class="navbar-brand hidden-sm-up" href="#">My Company</a> 
+1

要素のCSSを見ずに、言うことはできません。しかしおそらく、 'float:right;'または何かが ''にあります。あるいは、それらの行に沿った何か。 – junkfoodjunkie

+0

cssはちょうどブートストラップの4カスタムCSSです。 – SemanticUI

+2

ボタンの前にタグに移動しているクラス '.navbar-brand'だと思います。 –

答えて

0

コメントで述べたように、.navbarブランドのデフォルトCSSはこのCSSを追加することで、左

に項目を浮遊し、あなたはトグルの右側に移動することができます

.navbar-brand { 
    float:right; 
} 

https://jsfiddle.net/jennift/m507ckb2/

関連する問題