html - 引导输入组插件不起作用

Question

我刚刚从引导程序 2.3.2 升级。
我已经复制/粘贴了文档中的示例，但附加组件对其中的角色没有影响。

我正在尝试的代码：

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

@ 看起来就像没有背景或任何东西的普通 at。

我究竟做错了什么？

Answer 1

我没有发现您的代码有问题，请参阅：http ://bootply.com/69981 您从 2.3.2 迁移到 3 RC1？我认为您包含错误的CSS。在主站点 ( http://twitter.github.io/bootstrap/ ) 上，您现在可以找到 Bootstrap 3 的文档。Twitter 的 Bootstrap 2.3.2 文档已移至http://twitter.github.io/bootstrap/2.3.2/。

您现在无法下载版本 3 的已编译 CSS。但是您可以从 Github ( https://github.com/twbs/bootstrap/tree/3.0.0-wip ) 下载代码并使用 Grunt 进行编译。或者使用 CDN： http: //blog.netdna.com/opensource/bootstrapcdn/bootstrapcdn-now-serving-3-0-0-rc1/

Bootstrap 3 将于 2013 年 8 月 19 日发布，参见：http: //blog.getbootstrap.com/2013/07/18/ante-up/

推特引导 2.3.2：

<div class="input-prepend">
    <span class="add-on">@</span>
    <input class="span2" id="prependedInput" type="text" placeholder="Username">
</div>

引导程序 3.0.0 (RC1)：

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