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上添加pull-right類，如果你只想在box 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

.clearClass{ clear: both; }

並為段添加新類。