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

Question

谁能帮我解决这个问题？当这个列表的开头消失时，它看起来不太好。

fiddle :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

Answer 1

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

添加:

.row {    
    margin-left: 0; 
}

jsfiddle