Как добавить пробел между кнопкой начальной загрузки по правому краю?

Я хотел бы добавить 3 пробела между двумя кнопками выравнивания по правому краю. Есть ли для него какое-либо решение для начальной загрузки без добавления пользовательского CSS?

введите здесь описание изображения

Я делаю это :

    <div class="text-right">
           <button class="btn-info btn">Log in</button>
<!-- Add 3 spaces between button -->
           <button class="btn-info btn">Log Out </button>
    </div>

Демонстрация скрипта: http://jsfiddle.net/6816gq84/1/


css twitter-bootstrap twitter-bootstrap-3
person LeMoussel    schedule 15.03.2016    source источник

Ответы (4)


arrow_upward
19
arrow_downward

Вы можете добавить класс btn-toolbar в контейнер div. Посмотрите здесь

person SASM    schedule 15.03.2016
comment
У меня это работало только с pull-right вместо text-right - person JBernardo; 11.05.2017
comment
Хороший. :). Мне это помогло. - person Neeraj Verma; 14.08.2017

arrow_upward
2
arrow_downward

Я делаю это элементарное решение: Как добавить пробел между кнопками начальной загрузки в одном div?.

<div class="btn-group pull-right row">
   <div class="col-md-3"><button class="btn btn-default" type="button">Clôturer</button></div>
   <div class="col-md-1"></div>
   <div class="col-md-3"><button class="btn btn-primary" type="button">Soumettre</button></div>
</div>
person LeMoussel    schedule 16.03.2016
comment
Голосование против как stackoverflow.com/questions/36015022/ - гораздо лучшее решение от @SASM - person Neeraj Verma; 14.08.2017

arrow_upward
0
arrow_downward

Это также отлично работает для меня:

<div style="display: flex ; justify-content: flex-end">
    <button class="btn-info btn mr-3">Log in</button>
    <button class="btn-info btn">Log Out </button>
</div>
person B.S.    schedule 29.11.2020

arrow_upward
-1
arrow_downward

Я не уверен, что для того, что вы хотите сделать, уже существует какое-либо решение для начальной загрузки, но есть и другой способ, в зависимости от того, что вы подразумеваете под «настраиваемым css».

Например, вы можете добавить пролетную балку и добавить встроенный css, определяющий ширину до 3em (3 пробела). Это HTML/CSS, но вы не изменяете css класса кнопки.

<div class="text-right">
       <button class="btn-info btn">Log in</button>
       <span style="width:3em;"> </span>
       <button class="btn-info btn">Log Out </button>
</div>
person David Oudart    schedule 15.03.2016