html - navbar-nav 被推到 navbar-brand 下面?

标签 html css twitter-bootstrap-3

当我的屏幕宽度达到 767px 时,导航会异常折叠。当我转到 768px 时,navbar-nav 会低于 navbar-brand。直到我达到 795px,navbar-brand 和 navbar-nav 才再次排成一行。这些值会根据导航的大小而变化。这是一个jsbin

最佳答案

您的导航栏太宽,因此没有足够的空间使其保持在同一行上。您可以将“.nav > li > a”的填充减少为

padding: 10px 13px;

避免问题

关于html - navbar-nav 被推到 navbar-brand 下面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31297574/

相关文章:

css - 在输入框中使用图像作为图标

jquery - 如何使用 jQuery 模糊事件向 Perl 脚本发出 AJAX 请求?

javascript - 网页游戏开发的层次结构

javascript - Bootstrap 遇到问题

javascript - 如何创建响应水平鼠标移动的 CSS 动画?

css - Chart.JS - 极地区域 - 图例悬停样式和边距

html - 带有文本的 BootStrap 响应式背景图像不起作用

css - 如何在 Bootstrap3 中将一个容器悬停在另一个容器上

HTML scrset 属性加载错误图像

html - 在伪元素之后显示另一个div中的内容