css - 导航栏切换器按钮不显示?

标签 css html twitter-bootstrap twitter-bootstrap-3 bootstrap-4

编码我的导航栏切换后它没有显示,我已经尽我所能但它仍然没有显示,请问有什么地方有错误。

这是我的代码:

<nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">

    <div class="container-fluid">
        <a class="navbar-brand" href="#"><img src="img/logografy22.png"></a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
            <span class="navbar-toggler-icon"></span>
        </button>
    </div>

</nav>

the screen

最佳答案

添加此代码以在您使用移动分辨率时在切换中显示

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Disabled</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>

关于css - 导航栏切换器按钮不显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53314965/

相关文章:

html - 相对父级的 CSS 相对定位高度

python - 使用 html5 视频标签时视频无法在 safari 中播放

html - 为什么谷歌浏览器在元素放置方面不够精确?

html - 放大悬停图像并保持相同大小

mysql - 如何在codeigniter中制作一棵树

javascript - DHTML,多个 CSS 类,在 IE7 中

css - Material-UI 下拉列表在对话框中溢出

css - Bootstrap 元素离开响应卡

html - 使用位置 :absolute changes elements placed in next columns in bootstrap

css - 在 100vh(CSS 网格)中容纳溢出的内容