Bootstrap 3 形式 - 2 盒答案

【问题标题】：Bootstrap 3 form - 2 boxesBootstrap 3 形式 - 2 盒
【发布时间】：2017-08-15 18:06:34
【问题描述】：

我不知道如何用文字来解释，所以我给你截图。我想实现瓶数。

这是我当前的代码，基本形式：

<table class="table" id="tab_logic">
            <thead>
            <tr>
                <th class="text-left">
                    Nom du vin
                </th>
                <th class="text-left">
                    Millésime
                </th>
                <th class="text-left">
                    Quantité
                </th>
                <th class="text-left">
                    Condionnement
                </th>
            </tr>
            </thead>
            <tbody>
            <tr id='addr0'>
                <td>
                    <input type="text" name='name0' placeholder='Nom du vin' class="form-control"/>
                </td>
                <td>
                    <select class="form-control">
                        <option>Rouge</option>
                        <option>Rosé</option>
                        <option>Blanc</option>
                    </select>
                </td>
                <td>
                    <input type="text" name='mobile0' placeholder='Mobile' class="form-control"/>
                </td>
                <td>
                    <input type="text" name='mobile0' placeholder='OK' class="form-control"/>
                </td>
            </tr>
            <tr id='addr1'></tr>
            </tbody>

谢谢！

【问题讨论】：

标签： forms twitter-bootstrap input

【解决方案1】：

您需要使用 DIV 输入组：

输入
一个跨度

像这样：

<div class="input-group">
  <input type="text" class="form-control" placeholder="Quantités" aria-describedby="bottle">
  <span class="input-group-addon" id="bottle">Bouteilles</span>
</div>

【讨论】：

仅供参考，输入组有 3 种大小：大、正常、小。您可以通过指定它来修改大小，如下所示： big :
normal :
smal :
@SebastienP。：看看 BootStrap Components 文档getbootstrap.com/components