В Bootstrap 3 list-group-item
у меня есть значок, текст и два значка/кнопки, которые должны плавать вправо.
Я пробовал это:
<a class="list-group-item" ng-click="handleClick()">
<span class="glyphicon glyphicon-file"></span>
Some text goes here
<button class="btn btn-xs btn-warning pull-right" ng-click="handleButtonClick()"><span class="glyphicon glyphicon-trash"></span></button>
<some:custom:span></some:custom:span>
</a>
Это отлично работает, если результат соответствует одной строке:
Он также работает, когда окно настолько тонкое, что фактический текст не помещается в одну строку:
Однако, если окна позволяют оставлять текст в одной строке, но недостаточно пространства для растягивания, все становится беспорядочным:
То, что я действительно хочу, состоит в том, что pull-right
охватывает новую строку и выравнивается вправо, а list-group-item
расширяется по вертикали для их соответствия. Как я могу это достичь?