.border-radius(0); // Override due to specificity
}
.form-search .input-append .search-query {
- .border-radius(14px 0 0 14px)
+ .border-radius(14px 0 0 14px);
}
.form-search .input-append .btn {
- .border-radius(0 14px 14px 0)
+ .border-radius(0 14px 14px 0);
}
.form-search .input-prepend .search-query {
- .border-radius(0 14px 14px 0)
+ .border-radius(0 14px 14px 0);
}
.form-search .input-prepend .btn {
- .border-radius(14px 0 0 14px)
+ .border-radius(14px 0 0 14px);
}
</div>
</form>
</div><!--/span-->
- <div class="span6">
+ <div class="span4">
<h4>Prepend and append with uneditable</h4>
<form>
<div class="input-prepend">
</div>
</form>
</div><!--/span-->
+ <div class="span4">
+ <h4>Prepend with type="submit"</h4>
+ <form class="form-search">
+ <div class="input-append">
+ <input type="text" class="span2 search-query" value="" name="q">
+ <input type="submit" value="Search" class="btn">
+ </div>
+ </form>
+ <div class="input-append">
+ <input type="text" class="span2" value="" name="">
+ <input type="submit" value="Button" class="btn">
+ </div>
+ <div class="input-append">
+ <input type="text" size="16" id="appendedInputButtons" class="span2">
+ <input type="submit" value="Search" class="btn">
+ <button type="button" class="btn">Options</button>
+ </div>
+ </div><!--/span-->
</div><!--/row-->
<h4>Fluid prepended and appended inputs</h4>