<meta name="viewport" content="width=device-width, initial-scale=1.0">.element{
word-break: break-all;
}<form>
<div class="col-md-3">
<div class="form-group">
<select name="group_code" class="form-control select2" style="width: 100%;">
<option selected="">All groups</option>
<option value="" selected=""></option>
<option value="" selected=""></option>
<option value="fwf">fwf</option>
<option value="" selected=""></option>
<option value="3320">3320</option>
<option value="3309">3309</option>
<option value="5911">5911</option>
</select>
</div>
</div>
...
<div class="box-footer">
<button type="submit" class="btn btn-primary">Submit</button>
<button type="reset" class="btn btn-default" onclick="$('input, .box-body
select').val('').removeAttr('selected').removeAttr('checked')">Reset</button>
</div>
</form>document.querySelector('input').setAttribute('readonly','readonly');#1
$('ul').css( {
display: 'flex',
flexDirection: 'column',
alignItems: 'center'
});
#2
$('ul').css( {
textAlign: 'center',
margin: '0 auto'
});