Html 引导程序预编图标以选择列表

Html 引导程序预编图标以选择列表,html,css,twitter-bootstrap,html-select,Html,Css,Twitter Bootstrap,Html Select,使用Bootstrap(v2.0.4),我试图在选择列表中预先添加一个图标-我无法获得正确的位置。我无法在此阶段将引导更新到更新版本,必须使用v2.0.4 我看过这本书,但看不出有任何提及 我已经在下面包含了我的代码片段和一个链接 1. 2. 3. 您可以为类附加组件提供绝对位置,并使父类相对。只需添加以下css即可正常工作;) 谢谢@Jatin Kathuria,问题是我在选择文本后看不到它!你自己试试吧。不过,这种安排效果很好。有什么想法吗?给选择框和文本框加上一些填充,这样就可以了

使用Bootstrap(v2.0.4),我试图在选择列表中预先添加一个图标-我无法获得正确的位置。我无法在此阶段将引导更新到更新版本,必须使用v2.0.4

我看过这本书,但看不出有任何提及

我已经在下面包含了我的代码片段和一个链接



1. 2. 3.


您可以为类附加组件提供绝对位置,并使父类相对。只需添加以下css即可正常工作;)


谢谢@Jatin Kathuria,问题是我在选择文本后看不到它!你自己试试吧。不过,这种安排效果很好。有什么想法吗?给选择框和文本框加上一些填充,这样就可以了:)
  .input-prepend input, .input-append input, .input-prepend select,
 .input-append select, .input-prepend .uneditable-input, .input-append
 .uneditable-input {
         padding-left: 30px;
     }


    span.add-on {
    position: absolute;
    left: 1px;
    z-index: 9999;
}
     .input-prepend {
         position: relative;
     }