twitter-bootstrap – 添加图标以提交按钮在twitter bootstrap 2

我想在我的表单输入提交按钮使用Twitter的引导图标。

http://twitter.github.com/bootstrap/base-css.html#icons上的示例主要显示样式超链接

最近我来到的图标显示在按钮旁边,但不在里面。

<div class="input-prepend">
   <span class="add-on"><i class="icon-user icon-white"></i></span>
   <input type="submit" class="btn-primary" value="Login" >
</div>

解决方法

您可以使用按钮标签,而不是输入
<button type="submit" class="btn btn-primary">
  <i class="icon-user icon-white"></i> Sign in
</button>

相关文章

BootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证,由于本插件完全基于BootStrap...
顶求网首页是一个web2.0博客类的网站首页,在该网站中用户可以发表博客,也可以推荐图书给其他用户。所...
一直想改版网站首页的图书展示部分,以前的展示是使用BootStrap的传统的collapse,网页篇幅占用大,也不...
在视窗足够大的时候是没有任何问题的,但是当拖动改变视窗的大小后会发现布局又变乱了,这个问题困扰了...
BootStrap中的tabs控件以其简单易用而很受广大开发者的欢迎。但是,它的样式比较单一,如何才能在其原有...
BootStrap是基于HTML、CSS和JavaScript的框架,使你只需要写简单的代码就可以很快的搭建一个还不错的前...