Foro de elhacker.net

el problema empieza cuando agrego el select se hace demasiado grande de pantalla a pantalla y no se queda en el mismo tamaño que le di estoy usando bootstrap

<div class="row frm-down">
            <div class="form-group">
                <div class="col-xs-4">
                    <div>
                        <select class='form-control select_product' id='select_product' name='select_product'>
                            <option value="0">Select one product</option>
                            <?php foreach ($row as $rows) { ?>
                                <option value="<?php echo $rows['idproduct']?>"><?php echo $rows['product']?></option>
                           <?php } ?>
                        </select>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-3 frm-price">
                    <input type="text" class="form-control" id="txt_amount" name="txt_amount" onkeyup="validacion('txt_amount');" placeholder="amount" maxlength="5">
                </div>
            </div>
            <div class="col-lg-2">
                <div>
                    <button id="btn-add-product" class="btn btn-success btn-add-product" onclick="btn_add_product();">Add</button>
                </div>
            </div>
        </div>
 

no se si sea lo mismo, pero yo tuve problemas con los selects y mejor utilice un dropdown y con la propiedad white-space:nowrap solo la cambie a white-space: inherit eso mismo en bootstrap, aunque no se si realmente es tu problema saludos

Por cierto eso lo que hace es q si el contenido de tu campo es muy grande lo visualiza en 2 o mas renglones a diferencia del select que es en una misma linea