Twitter bootstrap 引导内联文本和下拉列表

我试图将文本与下拉菜单对齐，但到目前为止，下拉菜单的宽度很大，无法与文本对齐

这是我的密码：

<div class="form-group">
            <h2 class="col-md-3">Your Entries by</h2>
            <select class="col-md-3 form-control input-lg">
            <option value="all">All</option>
            <option value="year">Year</option>
            <option value="month">Month</option>
            <option value="week">Week</option>
            <option value="day">Day</option>
            </select>
        </div>

你的参赛作品
全部的
年
月
周
白天

我想让它看起来像“您的条目由

”

但到目前为止，情况是这样的：

“您的条目由”

我知道这很简单，但我害怕修改宽度，因为这可能会导致响应模板出现一些问题。有什么想法吗

---

谢谢

您稍微误用了

col-*

类。不要将它们与类组合，而是在包装器div中使用它们，如下所示。另外，若要根据需要创建内联表单，请添加

.form inline

类：

<div class="col-md-3">
  <div class="form-group form-inline">
    <h2>Your Entries by</h2>
    <select class="form-control input-lg">
      <option value="all">All</option>
      <option value="year">Year</option>
      <option value="month">Month</option>
      <option value="week">Week</option>
      <option value="day">Day</option>
    </select>
  </div>
</div>

你的参赛作品
全部的
年
月
周
白天

---

你到底想调整什么？@DavidG the和下拉列表：）很抱歉，我的问题中有一些遗漏的元素可能让你感到困惑，我现在已经更新了它们。还感谢您提供的信息：）

<div class="col-md-3">
  <div class="form-group form-inline">
    <h2>Your Entries by</h2>
    <select class="form-control input-lg">
      <option value="all">All</option>
      <option value="year">Year</option>
      <option value="month">Month</option>
      <option value="week">Week</option>
      <option value="day">Day</option>
    </select>
  </div>
</div>