所以我想為一個大學項目制作一個網站，我需要用引導程序做一個導航欄。問題是，當我向導航欄添加新的 nav-item 元素時，它們在 Y 軸上一個下一個對齊，并且我想水平對齊它們這就是我到現在為止所擁有的<!DOCTYPE html><html dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> </head> <body> <nav class="navbar sticky-top navbar-dark bg-dark"> <a class="navbar-brand" href="#">Home Page</a> <ul class="nav navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="#">Item One</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Item Two</a> </li> </ul> </nav> </body></html>這就是項目的顯示方式。如何將“項目一”與“項目一”對齊？和“項目二”水平的？
1 回答
蠱毒傳說
TA貢獻1895條經驗 獲得超3個贊
根據?Bootstrap 文檔，您必須指定包裝< i=4>：
導航欄需要使用 .navbar-expand{-sm|-md|-lg|-xl} 來包裝 .navbar，以實現響應式折疊和配色方案類。
只需將其添加到您的<nav>項目中即可：
? ? <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
? ? ? <a class="navbar-brand" href="#">Home Page</a>
? ? ? <ul class="navbar-nav mr-auto">
? ? ? ? <li class="nav-item">
? ? ? ? ? <a class="nav-link" href="#">Item One</a>
? ? ? ? </li>
? ? ? ? <li class="nav-item">
? ? ? ? ? <a class="nav-link" href="#">Item Two</a>
? ? ? ? </li>
? ? ? </ul>
? ? </nav>
- 1 回答
- 0 關注
- 184 瀏覽
添加回答
舉報
0/150
提交
取消