display: table-cell;
}
-.input-group-btn:first-child > .btn:last-child,
+.input-group-btn:first-child > .btn,
.input-group-btn.btn-group:first-child > .btn {
border-right: 0;
}
-.input-group-btn:first-child > .btn:first-child,
+.input-group-btn:first-child > .btn,
.input-group-btn.btn-group:first-child > .btn {
border-radius: 4px 0 0 4px;
}
-.input-group-btn:last-child > .btn:first-child,
+.input-group-btn:last-child > .btn,
.input-group-btn.btn-group:last-child > .btn:first-child {
border-left: 0;
}
-.input-group-btn:last-child > .btn:last-child,
+.input-group-btn:last-child > .btn,
.input-group-btn.btn-group:last-child > .btn {
border-radius: 0 4px 4px 0;
}
<button class="btn" type="button">Go!</button>
</span>
</div>
-</pre>
- <form class="bs-docs-example">
- <div class="input-group span7">
- <input type="text">
- <span class="input-group-btn">
- <button class="btn" type="button">Search</button>
- <button class="btn" type="button">Options</button>
- </span>
- </div>
- <br>
- <div class="input-group span7">
- <span class="input-group-btn">
- <button class="btn" type="button">Search</button>
- <button class="btn" type="button">Options</button>
- </span>
- <input type="text">
- </div>
- </form>
-<pre class="prettyprint linenums">
-<div class="input-group span7">
- <input type="text">
- <span class="input-group-btn">
- <button class="btn" type="button">Search</button>
- <button class="btn" type="button">Options</button>
- </span>
-</div>
-
-<div class="input-group span7">
- <span class="input-group-btn">
- <button class="btn" type="button">Search</button>
- <button class="btn" type="button">Options</button>
- </span>
- <input type="text">
-</div>
</pre>
<h4>Button dropdowns</h4>
<input type="text" class="span3">
</div>
+ <br>
+
<div class="input-group span7">
<input type="text">
<div class="input-group-btn btn-group">
<button class="btn" type="button">Go!</button>
</span>
</div>
-</pre>
- <form class="bs-docs-example">
- <div class="input-group span7">
- <input type="text">
- <span class="input-group-btn">
- <button class="btn" type="button">Search</button>
- <button class="btn" type="button">Options</button>
- </span>
- </div>
- <br>
- <div class="input-group span7">
- <span class="input-group-btn">
- <button class="btn" type="button">Search</button>
- <button class="btn" type="button">Options</button>
- </span>
- <input type="text">
- </div>
- </form>
-<pre class="prettyprint linenums">
-<div class="input-group span7">
- <input type="text">
- <span class="input-group-btn">
- <button class="btn" type="button">Search</button>
- <button class="btn" type="button">Options</button>
- </span>
-</div>
-
-<div class="input-group span7">
- <span class="input-group-btn">
- <button class="btn" type="button">Search</button>
- <button class="btn" type="button">Options</button>
- </span>
- <input type="text">
-</div>
</pre>
<h4>Button dropdowns</h4>
}
// Prepend
.input-group-btn {
- &:first-child > .btn:last-child,
+ &:first-child > .btn,
&.btn-group:first-child > .btn {
border-right: 0;
}
- &:first-child > .btn:first-child,
+ &:first-child > .btn,
&.btn-group:first-child > .btn {
border-radius: @border-radius-base 0 0 @border-radius-base;
}
}
// Append
.input-group-btn {
- &:last-child > .btn:first-child,
+ &:last-child > .btn,
&.btn-group:last-child > .btn:first-child {
border-left: 0;
}
- &:last-child > .btn:last-child,
+ &:last-child > .btn,
&.btn-group:last-child > .btn {
border-radius: 0 @border-radius-base @border-radius-base 0;
}