CSS把選擇列表的一部分放在視圖之外

Question

任何人都可以幫助我嗎？ 當這個列表的開始消失時，它看起來不太好。

小提琴：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

你必須修改你的引導row類或添加一個類來覆蓋當前緣陰性。

地址：

.row {  
    margin-left: 0; 
} 

jsfiddle