.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
- -webkit-border-radius: 3px 0 0 3px;
- -moz-border-radius: 3px 0 0 3px;
- border-radius: 3px 0 0 3px;
+ margin-left: -1px;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
}
.input-prepend .active,
.input-append .active {
.input-prepend .btn {
margin-right: -1px;
}
+.input-prepend .add-on:first-child,
+.input-prepend .btn:first-child {
+ -webkit-border-radius: 3px 0 0 3px;
+ -moz-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+}
.input-append input,
.input-append select,
.input-append .uneditable-input {
border-left-color: #eee;
border-right-color: #ccc;
}
-.input-append .add-on,
-.input-append .btn {
- margin-left: -1px;
+.input-append .add-on:last-child,
+.input-append .btn:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
</div>
</div>
</div>
+ <div class="control-group">
+ <label class="control-label" for="appendedPrependedInput">Append with two buttons</label>
+ <div class="controls">
+ <div class="input-append">
+ <input class="span2" id="appendedPrependedInput" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button>
+ </div>
+ </div>
+ </div>
<div class="control-group">
<label class="control-label" for="inlineCheckboxes">Inline checkboxes</label>
<div class="controls">
</div>
</div>
</div>
+ <div class="control-group">
+ <label class="control-label" for="appendedPrependedInput">{{_i}}Append with two buttons{{/i}}</label>
+ <div class="controls">
+ <div class="input-append">
+ <input class="span2" id="appendedPrependedInput" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button>
+ </div>
+ </div>
+ </div>
<div class="control-group">
<label class="control-label" for="inlineCheckboxes">{{_i}}Inline checkboxes{{/i}}</label>
<div class="controls">