宽度尺寸的内嵌形式在引导

Question

我已经描述的输入框，并与他们在在线表单标签两个选择框，在面板下面的代码：

<div class="row"> 
<div class="container-fluid"> 
    <div class="panel panel-info"> 
     <div class="panel-heading"> 
    <h1 class="panel-title"><b>Opciones de búsqueda en tarea</b></h1> 
     </div> 
     <div class="panel-body"> 
    <form class="form-inline searchbox"> 

     <input type="text" class="form-control" id="fname_new" placeholder="Buscar en el nombre o Descripción">   

     <div class="form-group"> 
     <label for="proyect_box"> Para el proyecto: </label> 
     <select class="form-control" id="proyect_box">   
     </select> 
     </div>   

     <div class="form-group"> 
     <label for="proyect_box"> Con el estado: </label> 
     <select class="form-control" id="proyect_box"> 
     <option>Todos</option> 
     <option>Pendiente</option> 
     <option>Finalizada</option> 
     <option>Frenada</option>    
     </select> 
     </div>   

    </form> 
     </div> 
    </div> 
    </div>  
    </div> 

我知道直列的形式，你应该控制对象本身的宽度。所以我试着写一个看起来像这样的小css代码：

.searchbox{ 
    width: 1000px; 
} 

但是，无论我做什么，我都无法更改输入框的大小。我只需要输入框具有更大的宽度。

我在做什么错？

Answer 1

.searchbox是窗体上的类，而不是输入。如果将明确的宽度附加到#fname_new（输入本身的ID），则可以更好地控制它。

所以不是的CSS你有，使用：

#fname_new { 
    width: 1000px; 
} 

或者，如果您想让所有的文本输入具有相同的宽度，使用

.form-control[type="text"] { 
    width: 1000px; 
} 

或者，如果你想所有的表单域（选择，输入等）具有相同的宽度，使用

.form-control { 
    width: 1000px; 
}