public/assets/bootstrap-rtl-3-3-4/examples/rtl/form.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>Form Template for Bootstrap</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     <!-- Custom styles for this template -->
  19     <link href="rtl.css" rel="stylesheet">
  20
  21   </head>
  22
  23   <body role="document">
  24
  25     <!-- Fixed navbar -->
  26     <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  27       <div class="container">
  28         <div class="navbar-header">
  29           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  30             <span class="sr-only">Toggle navigation</span>
  31             <span class="icon-bar"></span>
  32             <span class="icon-bar"></span>
  33             <span class="icon-bar"></span>
  34           </button>
  35           <a class="navbar-brand" href="#">Bootstrap theme</a>
  36         </div>
  37         <div class="navbar-collapse collapse">
  38           <ul class="nav navbar-nav">
  39             <li class="active"><a href="#">Home</a></li>
  40             <li><a href="#about">About</a></li>
  41             <li><a href="#contact">Contact</a></li>
  42             <li class="dropdown">
  43               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
  44               <ul class="dropdown-menu">
  45                 <li><a href="#">Action</a></li>
  46                 <li><a href="#">Another action</a></li>
  47                 <li><a href="#">Something else here</a></li>
  48                 <li class="divider"></li>
  49                 <li class="dropdown-header">Nav header</li>
  50                 <li><a href="#">Separated link</a></li>
  51                 <li><a href="#">One more separated link</a></li>
  52               </ul>
  53             </li>
  54           </ul>
  55         </div><!--/.nav-collapse -->
  56       </div>
  57     </div>
  58
  59     <div class="container theme-showcase" role="main">
  60       <form class="form-horizontal" role="form">
  61         <div class="form-group">
  62           <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
  63           <div class="col-sm-10">
  64             <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
  65           </div>
  66         </div>
  67         <div class="form-group has-success has-feedback">
  68           <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
  69           <div class="col-sm-10">
  70             <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
  71             <span class="glyphicon glyphicon-ok form-control-feedback"></span>
  72           </div>
  73         </div>
  74         <div class="form-group">
  75           <div class="col-sm-offset-2 col-sm-10">
  76             <div class="checkbox">
  77               <label>
  78                 <input type="checkbox"> Remember me
  79               </label>
  80             </div>
  81           </div>
  82         </div>
  83         <div class="form-group">
  84           <div class="col-sm-offset-2 col-sm-10">
  85             <button type="submit" class="btn btn-default">Sign in</button>
  86           </div>
  87         </div>
  88       </form>
  89     </div> <!-- /container -->
  90
  91
  92     <!-- Bootstrap core JavaScript
  93     ================================================== -->
  94     <!-- Placed at the end of the document so the pages load faster -->
  95     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  96     <script src="../../bootstrap/dist/js/bootstrap.min.js"></script>
  97   </body>
  98 </html>