Bootstrap input size

A simple example of a Bootsrtap input sizing, using classes.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="Bootstrap example for Tizen"/>
    
    <title>Bootstrap example for Tizen</title>
    
 <link rel="stylesheet" href="css/bootstrap.min.css">

  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
</head>
<body>

<form role="form"> 
  <div class="form-group">
    <label for="input-sm">Small size input</label>
    <input class="form-control input-sm" id="input-sm" type="text">
  </div>
  <div class="form-group">
    <label for="input-default">Default size input</label>
    <input class="form-control" id="input-default" type="text">
  </div>
  <div class="form-group">
    <label for="input-lg">Large size input</label>
    <input class="form-control input-lg" id="input-lg" type="text">
  </div>
  
</form>

<script>
</script>

</body>
</html>

Responses

0 Replies