У меня есть div с группой кнопок.
Вот код:
<div id="main"><!-- This is 100% width and no passing or margin -->
<div class="btn-toolbar" role="toolbar">
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" role="group">
<button class="btn btn-primary btn-lg"><i class="fa fa-plus"></i> Add</button>
</div>
<div class="btn-group" role="group">
<button class="btn btn-primary btn-lg"><i class="fa fa-download"></i> Import</button>
</div>
<div class="btn-group" role="group">
<button class="btn btn-primary btn-lg"><i class="fa fa-trash"></i> Delete</button>
</div>
<div class="btn-group" role="group">
<button class="btn btn-primary btn-lg"><i class="fa fa-save"></i> Save</button>
</div>
</div>
</div>
</div>
Эта проблема в том, что мне нужны эти кнопки:
1. Be the same size
2. Take up 100% of the parent div inline
На данный момент я могу установить только 3 кнопки, но мне нужно исправить 4.
Я мог бы разделить 100 на 4 и указать размер кнопок, но поскольку я использую Bootstrap 4, есть ли способ чтобы сделать это, используя 4 собственных класса Bootstrap, или если вы не можете сделать это, просто используя bootstrap 4 класса, как мне лучше всего это сделать?