ブートストラップを使用して、Web サイトのナビゲーション バーのトグルの横にクリック可能なアイコンを配置したいと思います。
プルとアラインのクラスで遊んでみましたが、うまくいきませんでした。
よろしく
ブートストラップを使用して、Web サイトのナビゲーション バーのトグルの横にクリック可能なアイコンを配置したいと思います。
プルとアラインのクラスで遊んでみましたが、うまくいきませんでした。
よろしく
ナビゲーションバーが折りたたまれたときに、トグルボタンのすぐ隣にボタンのようなものが必要だと思います。
<a>
これを行う 1 つの方法は、 で右を作成し、で右.navbar-brand
に引っ張ること.pull-right
です。スタイリングには、 を使用.btn
できます (または、必要なものを選択できます)。
ここで重要なのは、トグル ボタンがないスクリーン ビューでこのクリック可能なアイコンを非表示にすることです。これには、.hidden-md
および.hidden-lg
クラスを使用できます。
ここにフィドルがあります
これがお役に立てば幸いです。
PS: もちろん、<a>
も適切に配置するために.navbar-brand
使用.navbar-brand
する必要があります。