CSS将选择列表的一部分放在视图之外

Question

任何人都可以帮我吗？ 当这个列表的开头消失时，它看起来不太好。

小提琴：

</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

{{3}}

Answer 1

你必须修改你的引导程序row或添加一个类来覆盖当前的负边距。

添加：

.row {    
    margin-left: 0; 
}

<强> jsfiddle