Html 我的引导列不是'；t排队_Html_Css_Twitter Bootstrap_Multiple Columns

Html 我的引导列不是'；t排队

html css twitter-bootstrap

Html 我的引导列不是'；t排队,html,css,twitter-bootstrap,multiple-columns,Html,Css,Twitter Bootstrap,Multiple Columns,我曾经有一个页眉、侧边导航栏、主大内容栏和页脚的工作布局。现在导航栏位于内容栏的顶部，即使数字应该加起来。我只需要在我的内容旁边排列导航栏。你可以看到我的眼睛。我做错了什么以下是我的布局代码的基本内容： <div class="container"> <div class="row"> <div class="page-header"> <p>HEADER</p> <

我曾经有一个页眉、侧边导航栏、主大内容栏和页脚的工作布局。现在导航栏位于内容栏的顶部，即使数字应该加起来。我只需要在我的内容旁边排列导航栏。你可以看到我的眼睛。我做错了什么

以下是我的布局代码的基本内容：

<div class="container">
    <div class="row">
        <div class="page-header">
            <p>HEADER</p>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
            <p>NAVIGATION</p>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
            <p>CONTENT</p>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="page-footer">
            <p>FOOTER</p>
        </div>
    </div>
</div>


标题
航行
内容
页脚

非常感谢你的帮助。谢谢！：）

从代码的外观来看，您似乎希望列彼此相邻。这应该行得通

<div class="container">
  <div class="row">
    <div class="page-header">
        <p>HEADER</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
        <p>NAVIGATION</p>
    </div>
    <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
        <p>CONTENT</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="page-footer">
        <p>FOOTER</p>
    </div>
  </div>
</div>


标题
航行
内容
页脚

从代码的外观来看，您希望列彼此相邻。这应该行得通

<div class="container">
  <div class="row">
    <div class="page-header">
        <p>HEADER</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
        <p>NAVIGATION</p>
    </div>
    <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
        <p>CONTENT</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="page-footer">
        <p>FOOTER</p>
    </div>
  </div>
</div>


标题
航行
内容
页脚

从代码的外观来看，您希望列彼此相邻。这应该行得通

<div class="container">
  <div class="row">
    <div class="page-header">
        <p>HEADER</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
        <p>NAVIGATION</p>
    </div>
    <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
        <p>CONTENT</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="page-footer">
        <p>FOOTER</p>
    </div>
  </div>
</div>


标题
航行
内容
页脚

从代码的外观来看，您希望列彼此相邻。这应该行得通

<div class="container">
  <div class="row">
    <div class="page-header">
        <p>HEADER</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
        <p>NAVIGATION</p>
    </div>
    <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
        <p>CONTENT</p>
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="page-footer">
        <p>FOOTER</p>
    </div>
  </div>
</div>


标题
航行
内容
页脚

列div仅排列在彼此旁边，因为div实际上是彼此的“兄弟”，除了按数字相加之外

尝试将导航列和内容列放在同一个容器->行标记中，如下所示：

<div class="container">
    <div class="row">

        <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
            <p>NAVIGATION</p>
        </div>

        <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
            <p>CONTENT</p>
        </div>

    </div>
</div>


航行
内容

列div仅排列在彼此旁边，因为div实际上是彼此的“兄弟”，除了按数字相加之外

尝试将导航列和内容列放在同一个容器->行标记中，如下所示：

<div class="container">
    <div class="row">

        <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
            <p>NAVIGATION</p>
        </div>

        <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
            <p>CONTENT</p>
        </div>

    </div>
</div>


航行
内容

列div仅排列在彼此旁边，因为div实际上是彼此的“兄弟”，除了按数字相加之外

尝试将导航列和内容列放在同一个容器->行标记中，如下所示：

<div class="container">
    <div class="row">

        <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
            <p>NAVIGATION</p>
        </div>

        <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
            <p>CONTENT</p>
        </div>

    </div>
</div>


航行
内容

列div仅排列在彼此旁边，因为div实际上是彼此的“兄弟”，除了按数字相加之外

尝试将导航列和内容列放在同一个容器->行标记中，如下所示：

<div class="container">
    <div class="row">

        <div class="col-lg-2 col-md-2 hidden-sm hidden-xs">
            <p>NAVIGATION</p>
        </div>

        <div class="col-lg-10 col-md-10 col-sm-12 col-md-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
            <p>CONTENT</p>
        </div>

    </div>
</div>


航行
内容

感谢您的回复。不幸的是，这不起作用。现在，这些柱子相互重叠，交错排列。你能看到这个吗？有什么建议吗？我很感激！：）谢谢你的回复。不幸的是，这不起作用。现在，这些柱子相互重叠，交错排列。你能看到这个吗？有什么建议吗？我很感激！：）谢谢你的回复。不幸的是，这不起作用。现在，这些柱子相互重叠，交错排列。你能看到这个吗？有什么建议吗？我很感激！：）谢谢你的回复。不幸的是，这不起作用。现在，这些柱子相互重叠，交错排列。你能看到这个吗？有什么建议吗？我很感激！：）作品虽然我不得不从content div中删除offset类。非常感谢您的帮助！：）作品虽然我不得不从content div中删除offset类。非常感谢您的帮助！：）作品虽然我不得不从content div中删除offset类。非常感谢您的帮助！：）作品虽然我不得不从content div中删除offset类。非常感谢您的帮助！：）哦，正如你在对你的问题的评论中指出的，还有一个偏移类，它也稍微干扰了布局。一开始我没有注意到。哦，正如你在对你的问题的评论中指出的，还有一个偏移类，它也稍微干扰了布局。一开始我没有注意到。哦，正如你在对你的问题的评论中指出的，还有一个偏移类，它也稍微干扰了布局。一开始我没有注意到。哦，正如你在对你的问题的评论中指出的，还有一个偏移类，它也稍微干扰了布局。一开始我没注意到。