Question

我使用bootstrap，我创建了很多屏幕。我发现组件占用了很多空间。

grep "^[GACT]+$"

图片的链接 a link of the image

我想减小输入的大小，非常长。

Answer 1

编辑：我刚刚意识到你想要的东西。

在UrlTokenEncode内定义 col-md-9 或 lg，xs 或 sm 。因此，在表单组<div class="form-group">旁边。否则它将始终处于最大宽度。此外，您可能希望省略表单组或在其他位置重新定义它。

~~对桌面使用 col-lg-9 （大屏幕），依此类推。您只定义了 sm （小屏幕）。还可以使用 md （中等屏幕）和 xs （超小屏幕）。~~

<击>

所以将你的div更改为：

<div class="col-md-9 form-group">

<击>

Answer 2

因为你正在使用整行，这就是面板占用大量空间的原因。要使其更小，您必须设置特定的列宽。

例如：

<div class="row">
 <div class="col-md-6">
    <div class="panel panel-default">
       <div class="panel-heading">Urgence</div>
       <div class="panel-body">
          <div class="form-group">
             <label for="memberEmergencyContact" class="col-sm-3 control-label">Contact en cas d'urgence</label>
             <div class="col-sm-9">
                <input type="text" class="form-control" id="memberEmergencyContact" name="emergencyContactName" placeholder="Entrer le contact en cas d'urgence">
             </div>
          </div>
          <div class="form-group">
             <label for="emergencyPhone" class="col-sm-3 control-label">Tél</label>
             <div class="col-sm-9">
                <input type="text" class="form-control" id="emergencyPhone" name="emergencyPhone">
             </div>
          </div>
       </div>
    </div>
 </div>
<div class="col-md-6"></div>
</div>

使用bootstrap 3限制输入的大小

2 个答案: