1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-29 23:09:05 +02:00

Fix #2758: Uneditable inputs in input-prepend/append

1. Added a missing comma to the input-append's form control stack () to fix border-radius
2. Add  to the .uneditable-input in forms to remove the float as we do with all other form controls
This commit is contained in:
Mark Otto
2012-03-23 09:47:57 -07:00
parent 5179df1928
commit 0b41984920
5 changed files with 117 additions and 4 deletions

View File

@@ -84,6 +84,10 @@
margin-bottom: 36px;
}
h4 {
margin-bottom: 5px;
}
/* colgroup tests */
.col1 {
background-color: rgba(255,0,0,.1);
@@ -96,6 +100,7 @@
}
</style>
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
@@ -103,6 +108,11 @@
<p class="lead">One stop shop for quick debugging and edge-case tests of CSS.</p>
</header>
<!-- Tables
================================================== -->
<div class="page-header">
<h1>Tables</h1>
</div>
@@ -269,6 +279,52 @@
</div><!--/row-->
<!-- Forms
================================================== -->
<div class="page-header">
<h1>Forms</h1>
</div>
<div class="row">
<div class="span4">
<h4>Prepend and append on inputs</h4>
<form>
<div class="controls">
<div class="input-prepend">
<span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text">
</div>
</div>
<div class="controls">
<div class="input-append">
<input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span>
</div>
</div>
<div class="controls">
<div class="input-prepend input-append">
<span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span>
</div>
</div>
</form>
</div><!--/span-->
<div class="span6">
<h4>Prepend and append with uneditable</h4>
<form>
<div class="input-prepend">
<span class="add-on">$</span><span class="span2 uneditable-input">Some value here</span>
</div>
<div class="input-append">
<span class="span2 uneditable-input">Some value here</span><span class="add-on">.00</span>
</div>
</form>
</div><!--/span-->
</div><!--/row-->
<!-- Footer
================================================== -->
<footer class="footer">