Question

我有一个页面，我试图在同一行上放置不同的div而没有运气使用Bootstrap 3.我试图将<div id="score">放在与<div id="info">相同的行上，但是左边和另一边向右拉。谁能告诉我怎么做？我做了fiddle here谢谢

<div class="container">
  <div class="col-md-6">
    <small>Posted by: John</small>
    <span class="pull-right">

<small>10-Dec-2016</small>

<!----Place bottom two DIV's on same line, one pulled left and the other pulled right--->
<div id="info">more info</div>
<div id="score">Score - 10</div>
</span>
  </div>
</div>

Answer 1

试试这个。 Bootply

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <small>Posted by: John</small>
        </div>
        <div class="col-md-6">
            <small>10-Dec-2016</small>
        </div>
    </div>
<!----Place bottom two DIV's on same line, one pulled left and the other pulled right--->
    <div class="row">
        <div class="col-md-6">
            <div id="info">more info</div>
        </div>
        <div id="score" class="col-md-6">Score - 10</div>
    </div>
</div>

Boostrap 3跨度问题

1 个答案: