Html 关于网格的引导混淆

我正在尝试使用引导将我的非响应站点转换为响应站点。我从最上面的横幅开始。它是1000px*400px。它在右上角有一个登录链接。在左边的下方是一个网站标题（我的网站标题：标语）。在右边的下方是搜索。我能够实现它，但对如何实现感到困惑。我的站点是固定容器1024px

  <div class="container" style="max-width:1024;width:98%" >
      <div id="banner-holder" class="row"> 
         <div class="col-md-12">
            <div class="row">
                <div class="col-md-12 clearfix">
                   <p style="float:right;">Login links</p>
                </div>
            </div>
            <div class="row">
               <div class="col-md-12 clearfix">
                  <p style="float:left;">Site banner title</p>
               </div>
            </div>
            <div class="row">
                <div class="col-md-12 clearfix">
                   <p style="float:right;">search box</p>
                </div>
            </div> 
         </div>     
      </div><!-- row holding bannder ends here-->  
  </div><!--container ends here-->

登录链接

网站横幅标题

搜索框

我没有什么疑问？比如说，在一行中直接给出三行是可以的还是应该 我给出一个类似上面给出的中间col-md-12

这段代码是实现我想要实现的目标的正确方法，还是有更好的方法

---

引导规则。。我对bootstrap还不熟悉，我对自己没有遵守规则感到内疚

正如我在评论中提到的，您的嵌套是正确的，但可能是无关的

简化标记

<div class="container" style="max-width:1024;width:98%" >
    <div id="banner-holder" class="row"> 
        <div class="col-md-12">
            <div class="clearfix">
                <p class="pull-right">Login links</p>
            </div>
            <div class="clearfix">
                <p class="pull-left">Site banner title</p>
            </div>
            <div class="clearfix">
                <p class="pull-right">search box</p>
            </div> 
        </div>     
    </div><!-- row holding bannder ends here-->  
</div><!--container ends here-->

登录链接

站点横幅标题
搜索框

要回答您在上述评论中提出的问题：

每行中的列md-*是否有必要相加到12

这几乎是正确的，

col md-*

的总和应在一行内不超过12，以便在中等设备分辨率上保持所需的列布局

有关偏移的注意事项：

---

如果使用的是

col-*-offset-*

，请确保

col

s和

offset

s的总和在一行内不超过12。

标记没有任何错误，但是，您不需要在每个元素周围额外的

行

和

col-md-12

。@技术恐惧症是否有必要将每行中的col-md-*相加到12，如果可能的话，您可以在清除我不必要的东西后添加答案