Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/opengl/4.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
Twitter bootstrap 3 Bootstrap 3&x27的结构是什么;是导航栏吗?_Twitter Bootstrap 3 - Fatal编程技术网

Twitter bootstrap 3 Bootstrap 3&x27的结构是什么;是导航栏吗?

Twitter bootstrap 3 Bootstrap 3&x27的结构是什么;是导航栏吗?,twitter-bootstrap-3,Twitter Bootstrap 3,虽然Bootstrap文档非常好,但我无法从中的一个示例中理解navbar结构。我试图了解什么是导航栏的子组件以及如何使用它们。据我所知,导航栏有两个区域:标题区和折叠区。标题似乎是放置品牌名称(左侧)和切换按钮右侧的位置。它似乎也是一个经常显示的区域。塌陷似乎是所有其他区域的面积,并将塌陷较小的宽度 .navbar-text { margin-left: 0; margin-right: 0; } 这是正确的理解吗?还有其他方面吗 容器液体包装器的用途是什么?如果这个包装被移

虽然Bootstrap文档非常好,但我无法从中的一个示例中理解navbar结构。我试图了解什么是导航栏的子组件以及如何使用它们。据我所知,导航栏有两个区域:标题区和折叠区。标题似乎是放置品牌名称(左侧)和切换按钮右侧的位置。它似乎也是一个经常显示的区域。塌陷似乎是所有其他区域的面积,并将塌陷较小的宽度

.navbar-text {
    margin-left: 0;
    margin-right: 0;
}
  • 这是正确的理解吗?还有其他方面吗
  • 容器液体包装器的用途是什么?如果这个包装被移除怎么办
  • 什么样的元素可以进入每个区域
  • 如果我不需要任何可折叠部分怎么办?我应该把所有的东西都放在标题里吗
  • 如果我需要三个不可折叠的部分:左、中、右
  • 请帮忙

    另外,虽然引导记录非常好,但我希望使用某种图表来记录组件,以确定各种子组件及其预期行为和用途

    编辑
    我在引导导航栏上找到了更多的例子——它真的很好。我可能可以从那里推导出模式,但如果有人能更明确地表达出来,那就太好了。例如,本教程中的第一个示例有一个带有类navbar头的div,后面是一个没有类且包含所有链接的div。这让我觉得可以根据需要在导航栏中添加任意多的div,导航栏标题和导航栏折叠只是特殊用途的子组件。

    根据@bto.rdz的建议,这是我为带有左、中、右部分的#5导航栏提出的解决方案:

    <nav class="navbar navbar-inverse" role="navigation">
    
        <div class="container-fluid">
    
            <div class="row">
                <div class="col-xs-4 navbar-text">
                    <a href="#" class="navbar-link">Left</a>
                </div>
    
                <div class="col-xs-4 navbar-text text-center">
                    <a href="#" class="navbar-link">Middle</a>
                </div>
    
                <div class="col-xs-4 navbar-text text-right">
                    <a href="#" class="navbar-link">Right</a>
                </div>
            </div>
    
        </div><!-- /.container-fluid -->
    </nav>
    

    所有组件也在文档中,它们是。你看到的第一个按钮标签是屏幕很小时显示的。我想你是在回答我问题的第3项-谢谢!我还在寻找其他子弹的答案。也许我应该把我的问题改写成“如何为不同的用例构建导航条形码”。好的,我将尝试回答你的问题。1) 是的,2)容器流体是最近在bootstrap 3.0的最后一个补丁中添加的,它不存在,应该在上次更新中记录3)已经回答,4),5)如果您需要3个不可折叠的分段,您可以使用类,如pull right、pull left和col-md-offset-4(检查偏移类并根据您的需要调整它们)太棒了!谢谢另外,请阅读我对问题的编辑。该链接中的示例似乎使用了普通的旧div。你评论中的链接建议添加导航栏标题。