我用bootstrap框架做了一个导航栏，但自适应后很难看，我想浏览器窗口变小后，
导航栏能自适应，连接那些变成汉堡菜单，我应该怎么做？上网找插件？还是bootstrap
自带这种用法？
使用bootstrap如何制作导航栏自适应后连接变成按钮菜单？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2022-01-19 10:11回答 1 已采纳 跟flask无关，建议你看看bootstrap的导航栏样例前端代码
- 2021-12-16 10:31回答 2 已采纳 我复制你的代码看的效果是默认一排的 你自定义的样式应该是有覆盖了，你可以把你的index。css先注释看看解决方案：1、检查class是否有重名2、如果需要放一排可以对父级写flex如：ul{disp
- 2022-03-16 14:15回答 3 已采纳 看截图是bootstrap的的字体文件没有正常加载，以发布到web服务器后通过http协议访问测试结果为准有其他问题可以继续交流~
- 2023-05-18 17:19匆匆似客的博客 3:导航栏的位置(左对齐pull-left和右对齐pull-right)1:Bootstrap框架中导航栏右两种类型，分别是。(2):标签页类型的运行结果。(3):胶囊导航栏的基本代码。(2):左对齐的运行结果截图。(4):右对齐的运行结果截图。(4):...
- 2016-03-03 09:15回答 4 已采纳 可以考虑iframe 或者是 sitemesh。不过sitemesh需要整合到后台。
- 2017-06-26 08:47回答 2 已采纳 用JS 吧 我这有快代码你瞅瞅，或许有用 main 是右侧内容块 #list_left是左侧菜单 closeMenu>span 是点击按钮 ``` var moveLeft = $(
- 2021-12-09 15:34回答 2 已采纳 看代码没什么问题，删除一些引入的js，再试试。
- 2019-11-20 11:02Sakura__Lu的博客 bootstrap的导航栏有成熟的组件，在移动端和PC端都能够做到自适应，这里只是稍微做了一点修改，做一下笔记~ 效果图： 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta ...
- 2017-05-02 10:11回答 1 已采纳 make a structure like this, and you have done <link href="https://maxcdn.bootstrapcdn.com/
- 2023-01-31 21:54回答 1 已采纳 回答不易，求求您采纳点赞哦 Bootstrap4 中的 RFS (Rem) Font Sizing) 是一种自适应字体大小的方法，它使用了 rem 单位设置字体大小。要使用 RFS，您需要使用 s
- 2016-07-10 18:25回答 1 已采纳 If Everything else is sorted out usually something like this can work for you <button id="log
- 2016-01-11 17:31sunqian_happy的博客 在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。 默认的导航栏 1、向 标签添加 class .navbar、.navbar-default。 2、向上面的元素添加 role="navigation"，有助于增加可...
- 2013-08-30 09:19回答 13 已采纳 tl;dr - TWBSColor - Generate your own Bootstrap navbar Version notes: - Online tool: Boo
- 2023-02-28 14:47小超爱编程的博客 修改bootstrap导航栏样式(颜色，高)
- 2023-04-12 11:55你可知这世上再难遇我的博客 WEB前端网页设计-Bootstrap4 导航栏
- 没有解决我的问题, 去提问
