中心对齐自举导航按钮
问题描述:
我有我的导航按钮,我想中心对齐他们的方式,当缩小浏览器时,按钮应该缩小,而不是移动到一个新的行。我尝试了各种各样的东西,但没有成功。任何帮助将不胜感激。中心对齐自举导航按钮
我已经提供了下面的jsfiddle。
.navbar .navbar-nav {
display: inline-block;
float: none;
}
答
我认为这是你在找什么......您可能需要切换.navbar的身边,我不知道你想要什么样的顺序他们进来。
.navbar .navbar-nav {
display: inline-block;
float: none;
}
.navbar {
width: 235px;
padding-left:30px
}
.navbar-nav {
float: center;
width: 235px;
margin: 0;
padding: 0;
}
我不明白你的意思是“按钮应该缩小,而不是移动到新的行”。小心解释/添加一些结果应该是什么样的演示? – Dekel
您可能会遇到引导程序的内置媒体查询。有几个奇怪的断点。其中“查看我们所有的产品”跳过导航,另一个“宠物保险”放下一条线,最后一个放入移动视图。 – worc
是的。我可以在这两种情况下减小字体大小和填充以使其在1200px和1000px宽度或其他情况下工作。 – Neophile