Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 防止导航栏项目折叠_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 防止导航栏项目折叠

Javascript 防止导航栏项目折叠

javascript jquery html css twitter-bootstrap

Javascript 防止导航栏项目折叠,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,好的，情况如下： 我有一个简单、普通的导航选项卡navbar，其中包含一些项目和最右边的（带有向右拉）项目（包含下拉列表） 调整窗口大小时，将隐藏冗余选项卡项，从最右边的下拉项开始 如何使其“粘住”并抵抗塌陷（或者至少是最后一个塌陷，而不是第一个塌陷）？要抵抗塌陷，请尝试以下方法： 有两种类型： 类型1： 从collapse div中删除'collapse-navbar-collapse'类 <div class="" id="bs-example-navbar-collapse-1"&

好的，情况如下：

我有一个简单、普通的
导航选项卡
navbar，其中包含一些项目和最右边的（带有
向右拉
）
  • 项目（包含下拉列表）
    
调整窗口大小时，将隐藏冗余选项卡项，从最右边的下拉项开始
    

    如何使其“粘住”并抵抗塌陷（或者至少是最后一个塌陷，而不是第一个塌陷）？
    要抵抗塌陷，请尝试以下方法：
    
有两种类型：
    
类型1：
从collapse div中删除
    'collapse-navbar-collapse'
    类
    

     <div class="" id="bs-example-navbar-collapse-1">  <!--Remove 'collapse navbar-collapse' -->

    

    

    
删除类后，不需要按钮，也可以删除toggle
    'button'
    
第2类：
与类型1相同，在类型1中，您的“抵抗崩溃”将得到满足，但视图不好，在
    'sm'
    和
    'xs'
    屏幕中，正确的内容将显示在下拉列表中
    
对于这个问题，我做了一些修改：
    

  • 右要素被移动到
    navbar标题
    • 

  • 导航栏标题
    宽度指定为
    100%
    ，用于像这样的右对齐
    
.导航栏标题{
宽度：100%；
}
    • 

  • 然后，根据您的问题，我使用了
    pull right
    进行右对齐，您也可以使用
    navbar right
    ，还添加了
    nav pills
    ，以避免包装正确的内容，如下所示
    

    • 

    大小调整到什么宽度？在引导3中，导航栏中没有向右或向左拉。它是
    navbar right
    和
    navbar left
    @Christina他从来没有说过他在使用BS3，它也不在标签中，所以可能他在使用BS2。不管怎样，到OP，你能不能把你的代码写进去？单凭你的描述很难描绘出你的情景