ブートストラップナビゲーションバーRTLを作成したいと思います。それが右側のロゴで、リンクは右から左に流れます。私はさまざまなトリックを試しましたが、どれもうまくいきません。これが私が今持っているコードです:
<nav class="navbar fixed-top navbar-expand-sm navbar-dark bg-dark float-right">
<!-- Brand -->
<a class="navbar-brand" href="#">Logo</a>
<!-- Links -->
<div class="collapse navbar-collapse" id="nav-content">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link 3</a>
</li>
</ul>
</div>
</nav>
このコードを修正してRTLナビゲーションバーを実装するにはどうすればよいですか?
NAVに方向を追加する必要があります。
nav {direction: rtl;}
これは、コードhttps://jsfiddle.net/Mohcinbn/7b6wa8rL/に基づく実用的な例です。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加