html - CSS将选择列表的一部分放在 View 之外

谁能帮我这个？
当此列表的开头消失时，它看起来并不好。

小提琴：Here is a working example

</select>
      </div>
    </section>
    <select class="js-source-states" style="display: none;">
      <optgroup label="">
        <option value='0' selected='selected'>*ALL*</option>
      </optgroup>
      <optgroup label="">
        <option value='69'>Bert Deraedt</option>
        <option value='96'>Etienne Scherpereel</option>
        <option value='95'>Thomas Roost</option>
        <option value='56'>Unknown</option>
      </optgroup>
      <optgroup label="">
        <option value='57'>Debeuf H</option>
        <option value='17'>Jan Quequin</option>
        <option value='80'>Jovan</option>
        <option value='38'>Koen De Volder</option>
        <option value='81'>Kurt Vancauwenberghe</option>
        <option value='85'>Louis Soet.?</option>
        <option value='31'>Sven Vandekerckhove</option>
        <option value='39'>Tarcy Verzele</option>
      </optgroup>
    </select>
</div>

与Chrome

与Internet Explorer 11

最佳答案

您必须修改bootstrap row类或添加一个类以覆盖当前的负边距。

加：

.row {
    margin-left: 0;
}

jsfiddle

关于html - CSS将选择列表的一部分放在 View 之外，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34533394/