This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form role="form"> | |
| <input type="text" class="form-control"> | |
| <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span> | |
| </form> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="row"> | |
| <div class="col-xs-2"> | |
| <input type="text" class="form-control" placeholder=".col-xs-2"> | |
| </div> | |
| <div class="col-xs-3"> | |
| <input type="text" class="form-control" placeholder=".col-xs-3"> | |
| </div> | |
| <div class="col-xs-4"> | |
| <input type="text" class="form-control" placeholder=".col-xs-4"> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input class="form-control input-lg" type="text" placeholder=".input-lg"> | |
| <input class="form-control" type="text" placeholder="Default input"> | |
| <input class="form-control input-sm" type="text" placeholder=".input-sm"> | |
| <select class="form-control input-lg">...</select> | |
| <select class="form-control">...</select> | |
| <select class="form-control input-sm">...</select> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="form-group has-success"> | |
| <label class="control-label" for="inputSuccess">Input with success</label> | |
| <input type="text" class="form-control" id="inputSuccess"> | |
| </div> | |
| <div class="form-group has-warning"> | |
| <label class="control-label" for="inputWarning">Input with warning</label> | |
| <input type="text" class="form-control" id="inputWarning"> | |
| </div> | |
| <div class="form-group has-error"> | |
| <label class="control-label" for="inputError">Input with error</label> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form role="form"> | |
| <fieldset disabled> | |
| <div class="form-group"> | |
| <label for="disabledTextInput">Disabled input</label> | |
| <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input"> | |
| </div> | |
| <div class="form-group"> | |
| <label for="disabledSelect">Disabled select menu</label> | |
| <select id="disabledSelect" class="form-control"> | |
| <option>Disabled select</option> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <input class="form-control" id="focusedInput" type="text" value="This is focused..."> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form class="form-horizontal" role="form"> | |
| <div class="form-group"> | |
| <label class="col-sm-2 control-label">Email</label> | |
| <div class="col-sm-10"> | |
| <p class="form-control-static">email@example.com</p> | |
| </div> | |
| </div> | |
| <div class="form-group"> | |
| <label for="inputPassword" class="col-sm-2 control-label">Password</label> | |
| <div class="col-sm-10"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <select class="form-control"> | |
| <option>1</option> | |
| <option>2</option> | |
| <option>3</option> | |
| <option>4</option> | |
| <option>5</option> | |
| </select> | |
| <select multiple class="form-control"> | |
| <option>1</option> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <label class="checkbox-inline"> | |
| <input type="checkbox" id="inlineCheckbox1" value="option1"> 1 | |
| </label> | |
| <label class="checkbox-inline"> | |
| <input type="checkbox" id="inlineCheckbox2" value="option2"> 2 | |
| </label> | |
| <label class="checkbox-inline"> | |
| <input type="checkbox" id="inlineCheckbox3" value="option3"> 3 | |
| </label> |