寬度尺寸的內嵌形式在引導

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; 
}