input-groups.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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. <title>Navbar Template for Bootstrap RTL</title>
  11. <!-- Bootstrap core CSS -->
  12. <link href="../../bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  13. <!-- Bootstrap RTL theme -->
  14. <link href="../../dist/css/bootstrap-rtl.min.css" rel="stylesheet">
  15. </head>
  16. <body role="document">
  17. <div class="container">
  18. <div class="form-group has-success">
  19. <label class="control-label" for="inputSuccess1">Input with success</label>
  20. <input type="text" class="form-control" id="inputSuccess1">
  21. </div>
  22. <div class="form-group has-warning">
  23. <label class="control-label" for="inputWarning1">Input with warning</label>
  24. <input type="text" class="form-control" id="inputWarning1">
  25. </div>
  26. <div class="input-group has-error">
  27. <span class="input-group-addon" id="basic-addon1">@</span>
  28. <input type="text" class="form-control" id="inputError1">
  29. </div>
  30. <div class="has-success">
  31. <div class="checkbox">
  32. <label>
  33. <input type="checkbox" id="checkboxSuccess" value="option1">
  34. Checkbox with success
  35. </label>
  36. </div>
  37. </div>
  38. <div class="has-warning">
  39. <div class="checkbox">
  40. <label>
  41. <input type="checkbox" id="checkboxWarning" value="option1">
  42. Checkbox with warning
  43. </label>
  44. </div>
  45. </div>
  46. <div class="has-error">
  47. <div class="checkbox">
  48. <label>
  49. <input type="checkbox" id="checkboxError" value="option1">
  50. Checkbox with error
  51. </label>
  52. </div>
  53. </div>
  54. </div>
  55. <!-- Bootstrap core JavaScript
  56. ================================================== -->
  57. <!-- Placed at the end of the document so the pages load faster -->
  58. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  59. <script src="../../bootstrap/dist/js/bootstrap.min.js"></script>
  60. <script type="text/javascript">
  61. $('button').popover();
  62. </script>
  63. </body>
  64. </html>