问如何将导航从页面中心折叠到顶部导航栏
EN

Stack Overflow用户

提问于 2020-05-06 02:46:32

回答 1查看 41关注 0票数 0

我怎么能让我的导航链接运行在一个ul中，运行在一个大图片下面的页面上，但是这些链接被移动到一个折叠的导航栏中，在页面的顶部有一个按钮？我看到的都是要求导航链接在页面顶部或侧面运行的选项。这是我的密码。

<body>
    <img class="img-fluid" src="img/latestlogo3.png" alt="header-img">
    
    <div class="container">
    
     <br>
     
      <ul class="nav justify-content-center">
        <li class="nav-item ml-3 mr-3">
          <a class="nav-link" href="#">Who is Gustav Mahler?</a>
        </li>
         <li class="nav-item ml-3 mr-3">
          <a class="nav-link" href="#">EPISODES</a>
        </li>
        <li class="nav-item ml-3 mr-3">
          <a class="nav-link" href="#">ABOUT</a>
        </li>
        <li class="nav-item ml-3 mr-3">
          <a class="nav-link" href="#">CONTACT</a>
        </li>
      </ul>
     
     <hr>
     
     <br>
     
     <div class="row">
        <div class="col-sm mb-4 center-block">
            <img src="img/episode.png" class="img-fluid"/>  
        </div>
        <div class="col-sm mb-4 center-block">
            <img src="img/episode.png" class="img-fluid"/>
        </div>
    </div>
</body>

bootstrap-4

navbar

nav

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-05-07 20:20:53

使用显示助手：

https://getbootstrap.com/docs/4.3/utilities/display/

要隐藏元素，只需使用.d-none类或.d-{sm、md、lg、xl}-none类中的一个来响应屏幕变化。

所以你需要两个肚脐，一个是大尺寸的，另一个是小尺寸的。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61626517

复制

相似问题

问如何将导航从页面中心折叠到顶部导航栏
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将导航从页面中心折叠到顶部导航栏EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将导航从页面中心折叠到顶部导航栏
EN