I'm using a `select` tags to select options from a dropdown list, but due to the number of items, the list goes up, as if its drop-up. I am using Bootstrap.

Checked other codes but not found any result.

```html
 <div class="select-style" style="display: inline-block;">
        <select id="year">
            <option value="hide">-- Year --</option>
            <option value="2010">2010</option>
            <option value="2011">2011</option>
            <option value="2012">2012</option>
            <option value="2013">2013</option>
            <option value="2014">2014</option>
            <option value="2015">2015</option>
            <option value="201">2011</option>
            <option value="2015">2015</option>
            <option value="201">2011</option>
            <option value="202">2012</option>
            <option value="203">2013</option>
            <option value="204">2014</option>
            <option value="205">2015</option>
            <option value="202">2012</option>
            <option value="203">2013</option>
            <option value="204">2014</option>
            <option value="205">2015</option>
        </select>
      </div>
```

---

[![Screenshot of the homepage](https://i.stack.imgur.com/eRESs.jpg)](https://i.stack.imgur.com/eRESs.jpg)

This option goes upwards when there are more options in the menu. I want it to go in the downward direction.