Question

我无法在同一行上获得这两个井以正确对齐。我希望标题和井在同一条线上。这是我的代码，但它也在Bootply上......这里Link to Bootply

另外，我无法将“帮助凭证”标题左侧与井对齐..

<div class="container-fluid">
 <div class="row">
  <div class="col-md-offset-1"> 
   <h2>Add your credentials</h2>
   <div class="col-md-5 well">Stuff</div>
</div>

<div class="col-md-5 col-md-offset-1">
 <h2>Help credentials</h2>
   <div class="col-md-5 well col-md-offset-1">
        Stuff
   </div>
</div>

Answer 1

您正在嵌套没有所需行的列。试试这个：

<div class="row">
    <div class="col-sm-12">
        <div class="row">
            <div class="col-sm-5">
                 <h2>Add your Amazon credentials</h2>

                <div class="well">Stuff</div>
            </div>
            <div class="col-sm-5 col-md-offset-1">
                 <h2>Help credentials</h2>

                <div class="well">stuff</div>
            </div>
        </div>
    </div>
</div>

<强> Demo

http://getbootstrap.com/css/#grid-nesting

引导孔上方的标题导致错位

1 个答案: