如何在引導程序中以相同的內聯形式更改輸入框的大小

我正在使用引導程序開發一個網頁，用戶將在其中輸入他們的個人數據，如地址，電話等。在地址中，我有「Number 「和」Complement「輸入以相同的內聯形式輸入，並且我想使Number輸入小於Complement。現在他們具有相同的寬度如何在引導程序中以相同的內聯形式更改輸入框的大小

我的HTML：

<div class="form-inline" id="double_form_register"> 
    <div class="form-group" id="left_form_register"> 
     <input type="number" class="form-control" id="number" placeholder="Number"/> 
    </div> 
    <div class="form-group"> 
     <input type="text" class="form-control" id="complement" placeholder="Complement"/> 
    </div> 
</div>

我少：

#left_form_register { 
    margin-right: 30px; 
} 

#double_form_register { 
    margin: 0px 5px 10px 15px;  
    width: 500px; 
}

當我設置寬度#left_form_register，這一切brokes。我在後臺經驗，但合租新前端開發

來源

2016-03-18 Tales Pádua

您還可以使用Twitter的引導網格系統

<div class="form-inline" id="double_form_register"> 
    <div class="form-group col-md-2" id="left_form_register"> 
     <input type="number" class="form-control" id="number" placeholder="Number"/> 
    </div> 
    <div class="form-group col-md-4"> 
     <input type="text" class="form-control" id="complement" placeholder="Complement"/> 
    </div>

來源

2016-03-18 21:25:24 scaisEdge

並沒有改變大小。也許我的少文件是錯的？ –

我已經更新了答案（錯誤md2，md4而不是col-md-2，col-md-4 – scaisEdge

沒有工作，要麼 –

如何在引導程序中以相同的內聯形式更改輸入框的大小

回答

相關問題