垂直に整列するブートストラップ4ナビバスの崩壊ボタン

Question

ナビバの高さが不明なときに崩壊ボタンを中央に置くことはできますか？私は次のようなことをすることができます：

.navbar-toggler { 
    top: 0; 
    bottom: 0; 
    margin-top: auto; 
    margin-bottom: auto; 
    height: 40; /*something appropriate*/ 
} 

今、ボタンは垂直に配置されています。しかし、メニューを開くと（それをクリックすると）、テキストが中心に表示されます。これは私が望ましくないものです。ここで遊ん：それは、「モバイルビュー」でだとき、私はまた、ロゴフロート権利を作りたい

https://codepen.io/anon/pen/ZKbJJV

。おそらく、メディアのクエリを使用せずに可能ですか？

Answer 1

私はそれがこのようなdivの中にボタンやブランドをラップすることによって動作するようになった：

<div class="d-flex align-items-center justify-content-between"> 
    <button class="navbar-toggler navbar-toggler-left" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 
    <span class="navbar-toggler-icon"></span> 
    </button> 
    <a class="navbar-brand ml-3" href="/en"> 
    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/2000px-Google_2015_logo.svg.png" class="logo" alt="logo"> 
    </a> 
</div> 

それから私は同様に、ボタンの上にいくつかのCSSをした：

.navbar-toggler { 
    align-self: inherit; 
    position: initial; 
} 

そして、それはかなりですそれ。両方の問題を解決しました！