ボタンをテキストと同じ行に置く方法は？

Question

私はブートストラップ3を使用していて、同じ行にボタンをいくつかのテキストとして配置します。私はfiddle hereを作った。私は何が欠けていますか？どうもありがとう。

<div class="container"> 
<div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 center-block"> 
<br> 
<p>Put the button on the same line as this text.</p> 

<span class="pull-right"> 
<button type="button" class="btn btn-default btn-small" name="submit" id="submit">+ Add Me</button></span> 
<br> 
</div> 
    </div> 

Answer 1

をお試しくださいボタンをtにするコード彼は同じ行です。ここでは、それはNOW-

<div class="container"> 
 
    <div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 center-block"> 
 
    <br> 
 
    <p>Put the button on the same line as this text. <span class="pull-right"> 
 
    <button type="button" class="btn btn-default btn-small" name="submit" id="submit">+ Add Me</button></span></p> 
 
    <br> 
 
    </div> 
 
    </div>

どのように見えるかです

Answer 2

pull-right、それをあなたのボタンを含むdiv要素を作成して：

<div class="container"> 
    <span>Put the button on the same line as this text.</span> 
    <div class="pull-right"> 
    <div class="btn btn-small">+ Add Me</div> 
    </div> 
</div> 

Try it on JSFiddle.

Answer 3

は、私はあなたに若干の変更を加えたこの

<div class="container"> 
<div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 center-block"> 
<br> 
<p>Put the button on the same line as this text.</p> 

<span class="pull-right"> 
<button style =" margin-top:0px;" type="button" class="btn btn-default btn-small" name="submit" id="submit">+ Add Me</button></span> 
<br> 
</div> 
    </div>