【Bootstrap】Bootstrap中的输入框组如何制作？（约199字）

Bootstrap中的输入框组如何制作？

要制作Bootstrap中的输入框组，可以按照以下步骤进行操作：

1. 创建一个带有class="input-group"的<div>，将其作为输入框组的容器。
2. 在<div>中，使用<span>标签并添加class="input-group-addon"，在其中放置额外的内容，例如前缀或后缀元素。
3. 将<span>标签放在<input>元素的前面或后面，以实现前缀或后缀元素与输入框的结合。

以下是一个示例代码：

    <div class="input-group">
      <span class="input-group-addon">@</span>
      <input type="text" class="form-control" placeholder="用户名">
    </div>

在上面的代码中，<div>元素具有class="input-group"，<span>元素具有class="input-group- addon"，并包含了一个前缀元素@。输入框使用<input>标签，并添加了class="form-control"用于样式设置。

你还可以根据需要添加其他的输入框组元素，如按钮、下拉菜单等，以创建更丰富的输入框组。