css - Html select is not respecting margin -

here quick example:

fiddle

as can see in image above, labels, tables aligned margin inside th container(green margin) select seems go on it, see on css has 15 padding, padding text inside.

<%--modules--%>         <div class="col-md-6 col-sm-12" id="prueba">             <div class="row">                 <label class="col-xs-12">módulos</label>                 <select class="col-xs-12" multiple="multiple" id="cbomodulos" name="cbomodulos">                 </select>             </div>         </div> 

same thing happens textbox in right, bet same case.

thanks

if column want show inside class="row" class="col-anything-12" (mind 12) in cases don't need either class="row" or class="col-xs-12".

other that don't set col- class on select element directly. wrap inside div , add class div.