【问题标题】:Bootstrap input-group-addon does not work引导输入组插件不起作用
【发布时间】:2013-10-11 17:19:16
【问题描述】:

我刚刚从 bootstrap 2.3.2 升级。
我已经复制/粘贴了文档中的示例,但插件对其中的角色没有影响。

我正在尝试的代码:

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

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

我做错了什么?

【问题讨论】:

    标签: html twitter-bootstrap twitter-bootstrap-3


    【解决方案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/

    Twitters 引导程序 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>
    

    【讨论】:

      猜你喜欢
      • 2018-07-25
      • 1970-01-01
      • 1970-01-01
      • 2017-03-15
      • 2017-10-19
      • 1970-01-01
      • 2014-06-24
      • 2014-05-02
      • 2016-10-07
      相关资源
      最近更新 更多