Bootstrap 3 pull-right button and text

Question

Я хочу, чтобы текст можно было разместить под кнопкой с классом pull-right. Я также разместил класс pull-right в теге абзаца текста.

Мой 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 в стиле

.clearClass{ clear: both; } 

и добавить новый класс пункта.