我正在使用引導程序，并且我有這個導航欄： <nav className="navbar navbar-expand-sm navbar-light bg-light"> <a className="navbar-brand" href="#">Lead Manager</a> <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span className="navbar-toggler-icon"></span> </button> <div className="collapse navbar-collapse" id="navbarSupportedContent"> <ul className="navbar-nav my-2 my-lg-0"> <li className="nav-item"> <Link to="/register" className="navbar-link">Register</Link> </li> <li className="nav-item"> <Link to="/login" className="navbar-link">Login</Link> </li> </ul> </div> </nav>我正在使用 boostrap cdn 4.4.1：<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.4.1/flatly/bootstrap.min.css" />我正在努力實現這一目標：然而，我不斷得到這個：我缺少什么？
3 回答
HUH函數
TA貢獻1836條經驗 獲得超4個贊
<div class="navbar-nav mr-auto"></div>只需在 后面添加即可<div class="collapse navbar-collapse" id="navbarSupportedContent">。還要更改組件的navbar-link類名稱。nav-link<Link/>
查看演示： https: //jsfiddle.net/rnm617jz/1/
注意：我已將classNameattr 更改為class，因為我在演示中沒有 React 并且想在沒有它的情況下測試它。
墨色風雨
TA貢獻1853條經驗 獲得超6個贊
ml-auto只需在 旁邊添加類navbar-nav即可。
<ul className="navbar-nav ml-auto my-2 my-lg-0">
要修復您的導航欄鏈接，請將navbar-link類別更改為nav-link
<Link to="/" className="nav-link">sample</Link>
- 3 回答
- 0 關注
- 176 瀏覽
添加回答
舉報
0/150
提交
取消