Как можно увеличить ширину select
формы? Прописывал inline
стили, но не сработало.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
<section>
<div class="container h-100">
<form action="/get_data" method="POST" class="form-inline">
<select id='sel' name='sel' class="selectpicker sel" multiple data-live-search="true" style="width: 100%;">
<option value= "val">val</option>
</select>
<button type="submit" class="btn btn-primary mb-2">Select</button>
</form>
<script type="text/javascript">
$('select').selectpicker();
</script>
</div>
</section>