ブートストラップボタンをナビゲーションタブの右側に配置するにはどうすればよいですか？

debugcn 投稿 Dev

Bootstrapのタブコンポーネントを使用していますが、青い[ログイン]ボタンをの右側にフラッシュするのに問題がありnav-tabsます。いろいろ試してみましたが、どうして思い通りに動かないのかわからないのは明らかです。

これが私がやろうとしていることのイメージです：

<section class="container">
  <ul class="nav nav-tabs pt-5">
    <li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
    <li class="nav-item"><a class="nav-link" href="#">Data</a></li>
    <li class="nav-item">
      <button type="button" class="btn btn-primary ml-2">Log In</button>
    </li>
  </ul>
</section>

JSFIDDLE： https ：//jsfiddle.net/auov8ety/

ml-autoボタンに与えるだけです

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<section class="container">
  <ul class="nav nav-tabs pt-5">
    <li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
    <li class="nav-item"><a class="nav-link" href="#">Data</a></li>
    <li class="nav-item ml-auto">
      <button type="button" class="btn btn-primary ml-2">Log In</button>
    </li>
  </ul>
</section>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

Related 関連記事

記事

ブートストラップボタンをナビゲーションタブの右側に配置するにはどうすればよいですか？

ブートストラップボタンをナビゲーションタブの右側に配置するにはどうすればよいですか？

フルハイトのブートストラップナビゲーションボタンを取得するにはどうすればよいですか？

ボタンをブートストラップの左側ではなく右側に配置するにはどうすればよいですか？

ブートストラップでナビゲーションとタブのスタイルを作成するにはどうすればよいですか？

ブートストラップナビゲーションタブの見出しを編集可能にするにはどうすればよいですか？

ブートストラップビューのナビゲーションバーを中央に配置するにはどうすればよいですか？

ナビゲーションリンクのサブリストアイテムを右側に表示するにはどうすればよいですか？

ブートストラップのドキュメントからこのカスタムオフキャンバスナビゲーションを外側でクリックして閉じるにはどうすればよいですか？

QMLのテキストボックス間でタブナビゲーションを作成するにはどうすればよいですか？

ナビゲーションアイテムを左、中央、右にインラインで表示するナビゲーションバーをブートストラップで作成するにはどうすればよいですか？

ブートストラップ4を使用してスティッキーナビゲーションバーの下にナビゲーションバーを配置するにはどうすればよいですか？

このdivをブートストラップナビゲーションバーの上に移動するにはどうすればよいですか？

ブートストラップで2つの左ナビゲーションバーを作成するにはどうすればよいですか？

ブートストラップの小さな画面でナビゲーションバーのトグルボタンの位置を変更するにはどうすればよいですか？

ブートストラップ4の上部固定ナビゲーションバーの色を変更するにはどうすればよいですか？

ブートストラップ：ナビゲーションバーの高さを変更するにはどうすればよいですか？

ブートストラップ4--トグルボタンでナビゲーションバーの右側にリンクを移動する

ブートストラップビューでボタンのマイナスとプラスを作成するにはどうすればよいですか？

ブートストラップ3でナビゲーションバーを作成すると、ボタンを中央に配置できないようです

ディープリンク用のタブとナビゲーションコントローラーを使用してビューコントローラーをインスタンス化するにはどうすればよいですか？

ナビゲーションバーに複数のドロップダウンボタンを配置するにはどうすればよいですか？

各ブートストラップナビゲーションペインに異なる色を付けるにはどうすればよいですか？

ブートストラップ3.3.7でナビゲーションバーをブランドの左側に強制的に切り替えるにはどうすればよいですか？

スタートをトップレベルのナビゲーションとして使用しない場合、ドロワーナビゲーションボタンを構成するにはどうすればよいですか？

ラップするときにブートストラップ3のナビゲーションリストを中央に配置するにはどうすればよいですか？

ブートストラップ検索ボックスとボタンがヘッダーテキストの右側に配置されています（ナビゲーションバーにはありません）

ブートストラップ3-ブランドをナビゲーションバーの中央に配置するにはどうすればよいですか？

特定の解像度からブートストラップナビゲーションを折りたたむにはどうすればよいですか？

ブートストラップナビゲーションタブの色とフォントを変更するにはどうすればよいですか

ブートストラップ-ナビゲーションタブの下部にある線の幅を変更するにはどうすればよいですか？