我正在使用引導(dǎo)程序，并且我有這個(gè)導(dǎo)航欄： <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" />我正在努力實(shí)現(xiàn)這一目標(biāo)：然而，我不斷得到這個(gè)：我缺少什么？
3 回答
HUH函數(shù)
TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超4個(gè)贊
<div class="navbar-nav mr-auto"></div>只需在 后面添加即可<div class="collapse navbar-collapse" id="navbarSupportedContent">。還要更改組件的navbar-link類(lèi)名稱(chēng)。nav-link<Link/>
查看演示： https: //jsfiddle.net/rnm617jz/1/
注意：我已將classNameattr 更改為class，因?yàn)槲以谘菔局袥](méi)有 React 并且想在沒(méi)有它的情況下測(cè)試它。
墨色風(fēng)雨
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊
ml-auto只需在 旁邊添加類(lèi)navbar-nav即可。
<ul className="navbar-nav ml-auto my-2 my-lg-0">
要修復(fù)您的導(dǎo)航欄鏈接，請(qǐng)將navbar-link類(lèi)別更改為nav-link
<Link to="/" className="nav-link">sample</Link>
- 3 回答
- 0 關(guān)注
- 193 瀏覽
添加回答
舉報(bào)
0/150
提交
取消