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

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

bootstrap3 導航欄在 jsfiddle 上折疊，但在本地瀏覽器上不起作用

bootstrap3 導航欄在 jsfiddle 上折疊，但在本地瀏覽器上不起作用

墨色風雨 2022-09-23 10:03:22
bootstrap3 導航欄折疊在 jsfiddle 上工作如下。https://jsfiddle.net/wa3he6bn/1/<html><header>    <title>title</title>    ....</header><body><div class="wrap">    <nav id="w1" class="navbar-default navbar-fixed-top navbar">        <div class="container">            <div class="navbar-header">                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#w1-collapse"><span                        class="sr-only">Toggle navigation</span>                    <span class="icon-bar"></span>                    <span class="icon-bar"></span>                    <span class="icon-bar"></span></button>                <a class="navbar-brand" href="/index.php">Logo</a></div>            <div id="w1-collapse" class="collapse navbar-collapse">                <ul id="w2" class="navbar-nav navbar-right nav">                    <li><a href="/index.php?r=site%2Findex">主頁</a></li>                    <li><a href="https://docs.mathcrowd.cn" target="_blank">文檔</a></li>                    <li><a href="/index.php?r=worksheet%2Ffilter">卷庫</a></li>                    <li class="help-link"><a href="javascript:void(0);"><span                            class="glyphicon glyphicon-question-sign"></span></a></li>                    <li><a href="/index.php?r=cart%2Fview"><span class="glyphicon glyphicon-shopping-cart"></span></a>                    </li>                </ul>            </div>        </div>    </nav></div></body></html>但是當保存相同的html并在本地運行時，它不會崩潰。
查看完整描述

3 回答

?
UYOU

TA貢獻1878條經(jīng)驗 獲得超4個贊

首先使用而不是嘗試在您的部分中使用此元標記<head><header><head>

<meta name="viewport" content="width=device-width, initial-scale=1">

然后，導航欄將折疊所有小于768px的屏幕尺寸，作為引導的默認行為。因此，要將其擴展到某個屏幕斷點，您可以將此類組合添加到主導航元素中。navbar-expand-*

希望它對你有用。


查看完整回答
反對 回復 2022-09-23
?
ABOUTYOU

TA貢獻1812條經(jīng)驗 獲得超5個贊

在代碼中應考慮許多事項。

通過遵循這兩個注釋，您的代碼應該按預期工作。

<html>


<head>


  <title>title</title>

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


  <!-- Optional theme -->

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">


  <!-- Latest compiled and minified JavaScript -->

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>


</head>


<body>

  <div class="wrap">

    <!-- 以下為頁眉內(nèi)容 -->

    <nav id="w1" class="navbar-default navbar-fixed-top navbar">

      <div class="container">

        <div class="navbar-header">

          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#w1-collapse"><span class="sr-only">Toggle navigation</span>

              <span class="icon-bar"></span>

              <span class="icon-bar"></span>

              <span class="icon-bar"></span></button>

          <a class="navbar-brand" href="/index.php">Logo</a></div>

        <div id="w1-collapse" class="collapse navbar-collapse">

          <ul id="w2" class="navbar-nav navbar-right nav">

            <li><a href="/index.php?r=site%2Findex">主頁</a></li>

            <li><a href="https://docs.mathcrowd.cn" target="_blank">文檔</a></li>

            <li><a href="/index.php?r=worksheet%2Ffilter">卷庫</a></li>

            <li class="help-link"><a href="javascript:void(0);"><span class="glyphicon glyphicon-question-sign"></span></a></li>

            <li><a href="/index.php?r=cart%2Fview"><span class="glyphicon glyphicon-shopping-cart"></span></a>

            </li>

          </ul>

        </div>

      </div>

    </nav>

    <!-- 結(jié)束 -->

  </div>

</body>


</html>


查看完整回答
反對 回復 2022-09-23
?
慕容3067478

TA貢獻1773條經(jīng)驗 獲得超3個贊

使用 標記。并在頁面末尾附近，在 標記結(jié)束之前包含 js 文件。為了節(jié)省將來的時間，請訪問引導官方文檔。https://getbootstrap.com/docs/4.5/getting-started/introduction/<head></body>

它是最好和寫得很好的文檔之一。

http://img1.sycdn.imooc.com//632d14390001323609490490.jpg

查看完整回答
反對 回復 2022-09-23
  • 3 回答
  • 0 關(guān)注
  • 136 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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