Question

我试图让这个标签与文本输入和按钮水平对齐，但是没有成功。而是将标签堆叠在文本输入的顶部。这是Bootply。

HTML

<div class="row">
   <div class="col-lg-12">
    <div class="input-group input-group-lg">
      <label for="id-message">ResidentBiscuit</label>
      <input type="text" class="form-control input-lg" id="chat-message" placeholder="Enter your message...">
      <span class="input-group-btn">
        <button class="btn btn-default btn-lg" type="submit">Send</button>
      </span>
    </div>
  </div>
</div>

Answer 1

您可以使用带有form-inline类的表单吗？

<form class="form-inline">
    <div class="form-group">
        <label for="chat-message">ResidentBiscuit</label>
        <input type="text" class="form-control input-lg" id="chat-message" placeholder="Enter your message...">
    </div>
        <button type="submit" class="btn btn-default btn-lg">Send</button>
</form>

http://www.bootply.com/MEub8RYgwj

Bootstrap 3 - 用表格标注线条

1 个答案: