Question: How to make the width of select2 show full?

```
<div class="form-group row">
  <label class="col-sm-2 col-form-label">{{ __('Pages') }}</label>
  <select name="item[{{ $reasonItem['id'] }}][page]" class="form-control col-sm-10 select2" required>
    <option value="">{{ __('Choose') }}</option>
      @foreach($pages as $key=>$val)
        <option value="{{ $key }}" {{ (($key == ($reasonItem['page'] ?? '') ) ? "selected":"") }}>{{$val}}</option>
      @endforeach
  </select>
</div>

```

[![enter image description here](https://i.stack.imgur.com/7AyP5.jpg)](https://i.stack.imgur.com/7AyP5.jpg)

Answer: 
You can try this:

```
<select name="item[{{ $reasonItem['id'] }}][page]" class="form-control col-sm-10 select2" style="width:100%" required>

```

It will be work, I checked.
Try with:

```
.select2.select2-container {
    width: 100% !important;
}

```