public/assets/bootstrap-rtl-3-3-4/examples/rtl/input-groups.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6     <meta name="viewport" content="width=device-width, initial-scale=1">
   7     <meta name="description" content="">
   8     <meta name="author" content="">
   9     <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
  10
  11     <title>Navbar Template for Bootstrap RTL</title>
  12
  13     <!-- Bootstrap core CSS -->
  14     <link href="../../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  15     <!-- Bootstrap RTL theme -->
  16     <link href="../../dist/css/bootstrap-rtl.min.css" rel="stylesheet">
  17
  18   </head>
  19
  20   <body role="document">
  21
  22     <div class="container">
  23
  24     <div class="form-group has-success">
  25       <label class="control-label" for="inputSuccess1">Input with success</label>
  26       <input type="text" class="form-control" id="inputSuccess1">
  27     </div>
  28     <div class="form-group has-warning">
  29       <label class="control-label" for="inputWarning1">Input with warning</label>
  30       <input type="text" class="form-control" id="inputWarning1">
  31     </div>
  32     <div class="input-group has-error">
  33       <span class="input-group-addon" id="basic-addon1">@</span>
  34       <input type="text" class="form-control" id="inputError1">
  35     </div>
  36     <div class="has-success">
  37       <div class="checkbox">
  38         <label>
  39           <input type="checkbox" id="checkboxSuccess" value="option1">
  40           Checkbox with success
  41         </label>
  42       </div>
  43     </div>
  44     <div class="has-warning">
  45       <div class="checkbox">
  46         <label>
  47           <input type="checkbox" id="checkboxWarning" value="option1">
  48           Checkbox with warning
  49         </label>
  50       </div>
  51     </div>
  52     <div class="has-error">
  53       <div class="checkbox">
  54         <label>
  55           <input type="checkbox" id="checkboxError" value="option1">
  56           Checkbox with error
  57         </label>
  58       </div>
  59     </div>
  60
  61     </div>
  62     <!-- Bootstrap core JavaScript
  63     ================================================== -->
  64     <!-- Placed at the end of the document so the pages load faster -->
  65     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  66     <script src="../../bootstrap/dist/js/bootstrap.min.js"></script>
  67     <script type="text/javascript">
  68       $('button').popover();
  69     </script>
  70   </body>
  71 </html>