Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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
Html 引导导航项目多行_Html_Css_Twitter Bootstrap_Nav - Fatal编程技术网

Html 引导导航项目多行

Html 引导导航项目多行,html,css,twitter-bootstrap,nav,Html,Css,Twitter Bootstrap,Nav,我试图重新设计一个引导导航,但无法使用行和列将其换行到两行。我有以下代码(和示例屏幕截图(用于示例徽标)) 使用这个 <div class="container"> <div class="row"> <div class="col-md-3"> logo </div> <div class="col-md-9"> menu1 me

我试图重新设计一个引导导航,但无法使用行和列将其换行到两行。我有以下代码(和示例屏幕截图(用于示例徽标))



使用这个

<div class="container">
    <div class="row">
        <div class="col-md-3">
            logo
        </div>
        <div class="col-md-9">
            menu1 menu2 menu3 menu4 menu5
        </div>
    </div>
    <br/>
        <div class="col-md-9 col-md-offset-3">
            menu1 menu2 menu3 menu4 menu5
        </div>
</div>

标志
菜单1菜单2菜单3菜单4菜单5

菜单1菜单2菜单3菜单4菜单5

并把标识位置:脱落

使用这个

<div class="container">
    <div class="row">
        <div class="col-md-3">
            logo
        </div>
        <div class="col-md-9">
            menu1 menu2 menu3 menu4 menu5
        </div>
    </div>
    <br/>
        <div class="col-md-9 col-md-offset-3">
            menu1 menu2 menu3 menu4 menu5
        </div>
</div>

标志
菜单1菜单2菜单3菜单4菜单5

菜单1菜单2菜单3菜单4菜单5

并把标识位置:脱落

请发布你的代码,以便我们更容易帮助你:)请发布你的代码,以便我们更容易帮助你:)嗨,谢谢你的回答,我能够通过在ul元素上放置引导列来实现这一点。我最终使用了col-sm-9,这意味着它从平板电脑到手机的风格都非常完美。嗨,谢谢你的回答,我能够通过在ul元素上添加一个引导列来实现这一点。我最终使用了col-sm-9,这意味着它从平板电脑到手机的风格都非常完美,没有任何变化。