Bootstrap 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右拉式類，如果你只是想右浮框格這兩個元素。

<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類，並添加新類的段落。