Q&A
現在、Bootstrapを使用してのホームページ作成をしています。
text-rightのクラス付をして縦並びの右寄せのメニューを作ってます。
下記、該当箇所のコードです。
HTML
1<nav class="header-nav"> 2 <ul class="header-nav-ul list-unstyled m-4"> 3 <li class="header-nav-li text-right"><a href="" class="nav-link">ホーム</a></li> 4 <li class="header-nav-li text-right"><a href="" class="nav-link">事業内容</a></li> 5 <li class="header-nav-li text-right"><a href="" class="nav-link">企業情報</a></li> 6 <li class="header-nav-li text-right"><a href="" class="nav-link">採用情報</a></li> 7 <li class="header-nav-li text-right"><a href="" class="nav-link">お問い合わせ</a></li> 8 </ul> 9 </nav>
現在ではliのエリアが画面幅いっぱいになっており文字のない左側でもクリックできてしまう状態です。
文字の周辺でのみリンクを発動させたいのですが、どう改善したら良いでしょうか？
回答1件
0
ベストアンサー
Bootstrap4ですよね？ class="nav-link d-inline"でどうでしょうか。
投稿2022/04/14 05:12
総合スコア36115
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/04/14 06:28