倒塌的Navbar不再出现,发生了什么?

时间:2015-10-15 04:59:49

标签: html css twitter-bootstrap

我正在使用轮播模板页面,它附带了一个NavBar的代码,当屏幕宽度小于某个px大小时会折叠。我在实时预览中使用括号,导航栏会正确折叠。

我在导航栏中更改了轮播和字体大小。现在,当屏幕宽度很小时,导航栏不会显示各个列表项(如预期的那样),但折叠导航的按钮不会显示。

我正在使用chrome查看它。

http://getbootstrap.com/examples/carousel/

编辑:我弄明白发生了什么。

我将以下内容从auto更改为固定宽度1000px。这导致我的下拉按钮在页面宽度较小时显示出来。

.navbar-wrapper .navbar .container {
  width: auto;
}

为了解决这个问题,我在CSS的媒体查询部分添加了上面的代码(但设置为1000px),以便它只适用于更大的宽屏幕。

1 个答案:

答案 0 :(得分:0)

我弄清楚发生了什么。

我将以下内容从auto更改为固定宽度1000px。这导致我的下拉按钮在页面宽度较小时显示出来。

.navbar-wrapper .navbar .container {
  width: auto;
}

为了解决这个问题,我在CSS的媒体查询部分添加了上面的代码(但设置为1000px),以便它只适用于更大的宽屏幕。