Использую Bootstrap
, сетки. Располагаю следующие элементы в одну строку:
<div class="row">
<div class="col-md-8"></div>
<div class="col-md-2>
<input type="submit" class="btn btn-primary" name="opeartion" value="Calculate">
<div class="col-md-2">
<input type="submit" class="btn btn-primary" name="operation" value="Add">
</div>
</div>
Кнопки не занимают всю отведенную им ширину. Оставшееся место дополняется пробелами.
Делать их шире не нужно, сдвигать при помощи margin
будет криво смотреться на маленьких экранах.
Как расположить кнопки справа друг за другом?