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