Bootstrap 4:如何在容器中使用带有内容的全宽导航栏(如SO导航栏)？

作者：路人甲 | 2023-09-07 13:44

如何解决《Bootstrap4:如何在容器中使用带有内容的全宽导航栏(如SO导航栏)？》经验，为你挑选了2个好方法。

我正在使用Bootstrap 4.

如何制作像SO导航栏一样的导航栏？

内容如同"容器"对齐,但在引导程序4中的"容器 - 流体"的宽度？

我想要"固定顶部"导航栏设置的宽度,而不是固定顶部和导航栏内容在"容器"中.

我想提供一个例子,但我想尝试制作与本页顶部的导航栏完全相同的东西.

1> hungerstar..：

只需在元素周围包裹一个.container元素.

@import url( 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css' );

#primary-nav {
  background-color: skyblue;
}




  
  
    
      
        Home
      
      
        Contact
      
      
        About
      
        
    
  
  



2> Ravi Ram..：
我能够使菜单宽度达到100％


  
    Home
  
  
    Contact
  
  
    About
  



在Bootstrap 4中使用nav-fill w-100



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        尝试追加/替换数组元素时"对成员映射的模糊引用"
                    

                    
                                                
                        如何解决《尝试追加/替换数组元素时"对成员映射的模糊引用"》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Docker:已安装卷的权限
                    

                    
                                                
                        如何解决《Docker:已安装卷的权限》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        SFINAE:std :: enable_if作为函数参数
                    

                    
                                                
                        如何解决《SFINAE:std::enable_if作为函数参数》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        原型与 Flyweight设计模式
                    

                    
                                                
                        如何解决《原型与Flyweight设计模式》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        BufferedReader readLine()方法返回boolean？
                    

                    
                                                
                        如何解决《BufferedReaderreadLine()方法返回boolean？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        R：PLM个人和时间固定效应，但没有其他回归因子
                    

                    
                                                
                        如何解决《R：PLM个人和时间固定效应，但没有其他回归因子》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        错误:任务执行失败:ransformException
                    

                    
                                                
                        如何解决《错误:任务执行失败:ransformException》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        逗号之后我不想要空格宽度 - 最佳做法？
                    

                    
                                                
                            
                        
                                                
                        如何解决《逗号之后我不想要空格宽度-最佳做法？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Java:字符串模式:如何为具有特殊字符的所有字符字符指定正则表达式
                    

                    
                                                
                        如何解决《Java:字符串模式:如何为具有特殊字符的所有字符字符指定正则表达式》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在UITextField中添加图像和文本作为swift中心的占位符
                    

                    
                                                
                        如何解决《如何在UITextField中添加图像和文本作为swift中心的占位符》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Rspec：如何创建模拟关联
                    

                    
                                                
                        如何解决《Rspec：如何创建模拟关联》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        未初始化的常量Sprockets :: Rails(NameError)
                    

                    
                                                
                        如何解决《未初始化的常量Sprockets::Rails(NameError)》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何通过包管理器安装Swift包？
                    

                    
                                                
                        如何解决《如何通过包管理器安装Swift包？》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        mysql:mysql的wait_timeout,net_read_timeout和net_write_timeout变量是什么？
                    

                    
                                                
                        如何解决《mysql:mysql的wait_timeout,net_read_timeout和net_write_timeout变量是什么？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        缓冲区溢出漏洞利用：为什么“ jmp esp”需要位于DLL中？
                    

                    
                                                
                        如何解决《缓冲区溢出漏洞利用：为什么“jmpesp”需要位于DLL中？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Java编译器上下文中的"生成的源文件"是什么？
                    

                    
                                                
                        如何解决《Java编译器上下文中的"生成的源文件"是什么？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        mysql表导入向导无法导入csv文件
                    

                    
                                                
                            
                        
                                                
                        如何解决《mysql表导入向导无法导入csv文件》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Ruby对象空白？方法
                    

                    
                                                
                        如何解决《Ruby对象空白？方法》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在MySQL中按各种值排序？
                    

                    
                                                
                        如何解决《如何在MySQL中按各种值排序？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        我的应用程序在横向模式下崩溃
                    

                    
                                                
                        如何解决《我的应用程序在横向模式下崩溃》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

    
        吐了个 "CAO" !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
























    

    
        
            
            
                
                    
                
            

            
                路人甲            

            
                这个屌丝很懒，什么也没留下！            
            
            

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    ajax
                
                                
                    bootstrap
                
                                
                    chart
                
                                
                    chrome
                
                                
                    css
                
                                
                    css3
                
                                
                    firebug
                
                                
                    firefox
                
                                
                    html
                
                                
                    html5
                
                                
                    javascript
                
                                
                    jquery
                
                                
                    json
                
                                
                    node.js
                
                                
                    npm
                
                                
                    postman
                
                                
                    vue.js
                
                                
                    webkit
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1加快Levy运动算法的模拟
                
                                
                    2如何最大限度地减少加载Font Awesome图标的延迟？
                
                                
                    3Django 1.9中的新url格式
                
                                
                    4错误:任务执行失败':app:transformClassesWithMultidexlistForDebugAndroidTest'
                
                                
                    5如何禁用CoordinatorLayout中的AppBarLayout滚动？
                
                                
                    6ContainerProvider的独立Java Websocket客户端NoClassDefFoundError
                
                                
                    7榆树 - 结合和分类多种类型
                
                                
                    8无法`pip install -r requirements.txt`
                
                                
                    9如何在lex中创建没有特定字母组的正则表达式
                
                                
                    10是否可以使用大括号{}来细分Java代码？
                
                                
                    11为什么Scala编译器失败,"包中的对象SparkConf无法在org.apache.spark包中访问"？
                
                                
                    12无法手动关闭matplotlib绘图窗口
                
                                
                    13RxJS比较最后并发出
                
                                
                    14ios  - 动态编辑3d触摸快捷方式列表
                
                                
                    15BrowserLink MVC 6  - 不工作 - 没有注入额外代码
                
                                
                    16Golang程序挂起而没有完成执行
                
                                
                    17在概念定义中,是否允许在需求表达式之外的替换失败？
                
                                
                    18通过ParseForm()检索表单选项id
                
                                
                    19Symfony2无法加载类型EntityType
                
                                
                    20printf bash  - 在标记包围的现有行的中间打印文本