Question

我正在使用bootstrap开发一个网页，用户将在其中输入他们的个人数据，如地址，电话等。在地址中，我有相同的内联形式的“数字”和“补充”输入，我想要使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时，它都会被破坏。我有后端经验，但对前端开发很新颖

Answer 1

您也可以使用twitter-bootstrap网格系统

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

如何在引导程序中以相同的内联形式更改输入框的大小

1 个答案: