2015-10-15 49 views
0

我正在使用传送带模板页面,并且它带有NavBar的代码,当屏幕宽度小于某个px大小时,它会折叠。我在实时预览中使用了括号,导航栏会正常折叠。折叠导航栏不再出现,发生了什么?

我所做的更改在导航栏的旋转木马和字体大小。现在,当屏幕宽度很小时,导航栏不会显示单个列表项目(如预期的那样),但折叠导航的按钮不会显示。

我使用Chrome浏览器查看。

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

编辑:我想通了什么事。

我改变从汽车下面到的1000像素一个固定的宽度。这导致我的下拉按钮在小宽度时显示离开页面的方式。

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

为了解决这个问题,我加在CSS的媒体查询部上面的代码(但设定为1000像素),以使得它仅适用于更大的宽度的屏幕。

+0

能否请您提供您所进行的更改和代码? – BCoder

+0

请提供一个jsfiddle示例。 –

+0

我想通了,看我的编辑。我重写了更大屏幕尺寸的CSS,但没有意识到它会将我的下拉按钮移动到远离屏幕的位置。 – Badrush

回答

0

我想通了什么事。

我改变从汽车下面到的1000像素一个固定的宽度。这导致我的下拉按钮在小宽度时显示离开页面的方式。

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

为了解决这个问题,我加在CSS的媒体查询部上面的代码(但设定为1000像素),以使得它仅适用于更大的宽度的屏幕。