Twitter Bootstrap：表单里面有一个图标？

Question

我正在尝试使用Twitter Bootstrap让我的导航中的表单与Flickr.com一样。现在我使用表单的追加功能：

<div class="input-append">
  <input class="span2" id="appendedInputButton" type="text">
  <button class="btn" type="button">Go!</button>
</div>

我到目前为止尝试的是将设计更改为表单输入，但是我不能使用焦点高亮，框阴影和他们之间感觉不对的间隙。所以如果我想这样做（比如Flickr）：

比我能做什么？

Answer 1

创建一个新的css文件，让我们说 custom-bootstrap.css ，并编写此样式以覆盖bootstraps默认样式

input:focus
{
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=false,ShadowOpacity=0.0);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=false,ShadowOpacity=0.0)";
} 

注意：确保在bootstrap的css之后放置此css，以便它可以覆盖默认样式。

这将完成整个网站主题的技巧。

Answer 2

这正是我正在寻找的东西：

http://bootsnipp.com/snipps/stylish-search-form？