I have a list where there are buttons and I want them all to have the same size, and I don't know how.
Here I have the code where I have the div with the report and the box with the buttons:
<div class="col-lg-offset-2 col-8">
<div class="row">
<div class="col-xs-12">
<div class="box box-primary">
<div class="box-body">
<div style="display: inline-block;width: 100%;">
<div style="float:left">
<h2 class="box-title">Informes disponibles</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box">
<div class="box-body">
<div class="informes">
<ul class="treeview-menu">
@{ Html.RenderAction("ReportsMenuUser", "Home"); }
</ul>
</div>
</div>
</div>
</div>
Maybe what you are looking for is min-width, at least they will have that size, but if it exceeds it it will get bigger.
If what you want is for the text to be cut and pass below, you will have to give it a fixed width as in this example:
Apply to list width at 25%