ブートストラップ3プル右ボタンとテキスト

Question

プルー右クラスのボタンの下にテキストを配置したいと考えています。私はまた、テキストの段落タグにプルー右クラスを配置しました。

私のHTMLコード：

<div class="box"> 
    <button type="submit"class="btn btn-info pull-right">Button</button> 
    <p class="pull-right">Text</p>    
</div> 

問題は、テキストではなく、以下のボタンの横に表示されることです。私は、ボタンの下部にあるテキストを右側にしたい。これをどうやって行うのですか？

ご提案いただきありがとうございます。

Answer 1

段落の中に<button>...</button>を入れて休憩を追加すると、そのトリックが行われます。同様

：

<div class="box"> 
    <p class="pull-right"> 
    <button type="submit"class="btn btn-info">Button</button><br /> 
    Text</p>    
</div> 

Answer 2

あなただけのボックスのdivに右この2つの要素をフロートにしたい場合は、ボックスのdivにプル右のクラスを追加している場合。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" /> 
 
    <div class="box pull-right"> 
 
    <button type="submit"class="btn btn-info">Button</button> 
 
    <p class="below-btn-txt">Text</p>  
 
</div>

Answer 3

あなたはフロートをクリアする必要があります。スタイル

.clearClass{ clear: both; } 

でクラスclearClassを作成し、段落に新しいクラスを追加します 。