bootstrap- placeアバターの右端のドロップダウンメニュー

Question

私はブートストラッププロジェクトに取り組んでいます。私はカスタムとヘッダーをテキストとロゴを中心にデザインしました。どのような私が今行うのは難しい見つけることだが、右メニューのアカウントでドロップダウンとして機能し、ブートストラップクラス「ナビゲーションバーの右」を用いて

<div class="row"> 
    <div style="background-color:#215996;height:60px!important;box-shadow: 5px 5px 5px #DBDBDB;" align="center" class="col-xs-12"> 
     <h3 style="color:#FFF"> <img src="img/logo.png" width="30" height="30" align="top"> App Control Panel</h3> 
    </div> 
    </div> 

Answer 1

をログアウトしますヘッダー内のアバター遠くに置くとする方法である あなたはあなたのヘッダーに一番近いものを置くことができます

Answer 2

float-rightクラスのBootstarp 4を使用すると、何かを右にスライドさせることができます。ここに例があります

<div class="row"> 
    <div class="col-12">One <input type="button" class="btn float-right" value="test"></div> 
    <div class="col-12">Two <input type="button" class="btn float-right" value="test"></div> 
</div>