第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Bootstrap 導(dǎo)航欄兩個或多個項(xiàng)目對齊

Bootstrap 導(dǎo)航欄兩個或多個項(xiàng)目對齊

婷婷同學(xué)_ 2023-12-19 16:43:57
所以我想為一個大學(xué)項(xiàng)目制作一個網(wǎng)站,我需要用引導(dǎo)程序做一個導(dǎo)航欄。問題是,當(dāng)我向?qū)Ш綑谔砑有碌?nav-item 元素時,它們在 Y 軸上一個下一個對齊,并且我想水平對齊它們這就是我到現(xiàn)在為止所擁有的<!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>這就是項(xiàng)目的顯示方式。如何將“項(xiàng)目一”與“項(xiàng)目一”對齊?和“項(xiàng)目二”水平的?
查看完整描述

1 回答

?
蠱毒傳說

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超3個贊

根據(jù)?Bootstrap 文檔,您必須指定包裝< i=4>:

導(dǎo)航欄需要使用 .navbar-expand{-sm|-md|-lg|-xl} 來包裝 .navbar,以實(shí)現(xiàn)響應(yīng)式折疊和配色方案類。

只需將其添加到您的<nav>項(xiàng)目中即可:

? ? <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>


查看完整回答
反對 回復(fù) 2023-12-19
  • 1 回答
  • 0 關(guān)注
  • 202 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號