Twitter bootstrap 引导-列表组项目中的输入组按钮

嘿，我是bootstrap的新手，但我想知道怎么做

我一直在努力寻找，但似乎做不到。是否有人知道如何获得这些：

<div class="input-group">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
  <input type="text" class="form-control">
</div>

走！

很抱歉，我现在不能提供一个图片，但是在bootstrap网站上，它是在按钮插件上

进入

列表组项目

？我想要一个这样的按钮，但在列表组项目上

---

有人能帮我吗？

只需将

输入组

嵌套到

列表组项

，如下所示：

<ul class="list-group">
  <li class="list-group-item">
     <div class="input-group">
        <span class="input-group-btn">
            <button class="btn btn-default" type="button">Go!</button>
        </span>
        <input type="text" class="form-control">
    </div><!-- /input-group -->
  </li>
</ul>

2.）给出以下CSS：

li.group-btn {
  padding: 0;
}

---

（1.li是基本示例，2.li没有填充）

您是否导入了twitter引导

bootstrap.min.css

，并确保它有一个父元素（在它的树中的某个位置）和类

.container

或

container fluid

？我不确定您是否理解。我这里的代码只是为了让您知道我想要在列表组项中实现什么。我希望列表组项目有一个按钮，就像那个按钮一样。谢谢你的回答，它似乎工作得很好。我只是想指出一个事实，由于使用了，您还可以使用一个简单的

p-0

，来替换您创建的特定CSS类。

li.group-btn {
  padding: 0;
}