Проблема
Я хочу иметь возможность использовать группу btn для начальной загрузки twitter и отображать кнопки слева от некоторого текста. Не уверен, что это уже доступно в twitter bootstrap или если мне нужно добавить некоторые css.
Что у меня
В настоящее время у меня есть группа btn, определенная двумя кнопками. Затем я получаю после кнопок строку текста.
<p>
<div class="btn-group" data-toggle="buttons-checkbox">
<div class="btn btn-small">BTN Text 1</div>
<div class="btn btn-small">BTN Text 2</div>
</div>
String to display after buttons on same line
</p>
Что я пробовал
Я пробовал несколько вещей здесь. Я изменил тег <p>
как <div class="row">
с двумя разделителями div, один для кнопок и один для текста, но это не сработало. Я также пробовал следующее:
<div>
<div class="btn-group inline" data-toggle="buttons-checkbox">
<div class="btn btn-small">BTN Text 1</div>
<div class="btn btn-small">BTN Text 2</div>
</div>
<span class="inline">String to display after buttons on same line</span>
</div>
и определяется в css .inline {display:inline-block; zoom:1; *display: inline;}
Однако это тоже не сработало. Это то, что я получаю. Как вы можете видеть, текст отображается ниже группы кнопок. Я хочу, чтобы текст был справа от группы кнопок.
Вопрос
Что я могу сделать, чтобы группа кнопок отображалась справа от строки? Есть ли что-то уже встроенное в twitter bootstrap для этого, если да что? Если нет, был ли я на правильном пути создания встроенного класса, если это так, почему это не сработало?
Обновление
Спасибо RichardTowers за предложение по левому классу группы кнопок. Однако при добавлении большего количества наборов (что необходимо) я получаю следующее:
Я предполагаю, что это из-за плавания. Правильно ли это и как я могу это исправить?