git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/less/tests/buttons.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Buttons &middot; Bootstrap</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <meta name="description" content="">
   8     <meta name="author" content="">
   9
  10     <!-- Le styles -->
  11     <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
  12     <style>
  13       body {
  14         padding-top: 30px;
  15         padding-bottom: 30px;
  16       }
  17     </style>
  18     <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
  19
  20     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  21     <!--[if lt IE 9]>
  22       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  23     <![endif]-->
  24
  25     <!-- Le fav and touch icons -->
  26     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
  27     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
  28       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
  29                     <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
  30                                    <link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
  31   </head>
  32
  33   <body>
  34
  35     <div class="container">
  36
  37       <h2>Dropups</h2>
  38       <div class="btn-toolbar">
  39         <div class="btn-group dropup">
  40           <button class="btn">Dropup</button>
  41           <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
  42           <ul class="dropdown-menu">
  43             <li><a href="#">Action</a></li>
  44             <li><a href="#">Another action</a></li>
  45             <li><a href="#">Something else here</a></li>
  46             <li class="divider"></li>
  47             <li><a href="#">Separated link</a></li>
  48           </ul>
  49         </div><!-- /btn-group -->
  50         <div class="btn-group dropup">
  51           <button class="btn btn-primary">Dropup</button>
  52           <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
  53           <ul class="dropdown-menu">
  54             <li><a href="#">Action</a></li>
  55             <li><a href="#">Another action</a></li>
  56             <li><a href="#">Something else here</a></li>
  57             <li class="divider"></li>
  58             <li><a href="#">Separated link</a></li>
  59           </ul>
  60         </div><!-- /btn-group -->
  61         <div class="btn-group dropup">
  62           <button class="btn btn-danger">Dropup</button>
  63           <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
  64           <ul class="dropdown-menu">
  65             <li><a href="#">Action</a></li>
  66             <li><a href="#">Another action</a></li>
  67             <li><a href="#">Something else here</a></li>
  68             <li class="divider"></li>
  69             <li><a href="#">Separated link</a></li>
  70           </ul>
  71         </div><!-- /btn-group -->
  72         <div class="btn-group dropup">
  73           <button class="btn btn-warning">Dropup</button>
  74           <button class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
  75           <ul class="dropdown-menu">
  76             <li><a href="#">Action</a></li>
  77             <li><a href="#">Another action</a></li>
  78             <li><a href="#">Something else here</a></li>
  79             <li class="divider"></li>
  80             <li><a href="#">Separated link</a></li>
  81           </ul>
  82         </div><!-- /btn-group -->
  83         <div class="btn-group dropup">
  84           <button class="btn btn-success">Dropup</button>
  85           <button class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
  86           <ul class="dropdown-menu">
  87             <li><a href="#">Action</a></li>
  88             <li><a href="#">Another action</a></li>
  89             <li><a href="#">Something else here</a></li>
  90             <li class="divider"></li>
  91             <li><a href="#">Separated link</a></li>
  92           </ul>
  93         </div><!-- /btn-group -->
  94         <div class="btn-group dropup">
  95           <button class="btn btn-info">Dropup</button>
  96           <button class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
  97           <ul class="dropdown-menu">
  98             <li><a href="#">Action</a></li>
  99             <li><a href="#">Another action</a></li>
 100             <li><a href="#">Something else here</a></li>
 101             <li class="divider"></li>
 102             <li><a href="#">Separated link</a></li>
 103           </ul>
 104         </div><!-- /btn-group -->
 105         <div class="btn-group dropup">
 106           <button class="btn btn-inverse">Dropup</button>
 107           <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
 108           <ul class="dropdown-menu">
 109             <li><a href="#">Action</a></li>
 110             <li><a href="#">Another action</a></li>
 111             <li><a href="#">Something else here</a></li>
 112             <li class="divider"></li>
 113             <li><a href="#">Separated link</a></li>
 114           </ul>
 115         </div><!-- /btn-group -->
 116       </div><!-- /btn-toolbar -->
 117
 118
 119     </div> <!-- /container -->
 120
 121     <!-- Le javascript
 122     ================================================== -->
 123     <!-- Placed at the end of the document so the pages load faster -->
 124     <script src="../../docs/assets/js/jquery.js"></script>
 125     <script src="../../docs/assets/js/bootstrap-transition.js"></script>
 126     <script src="../../docs/assets/js/bootstrap-alert.js"></script>
 127     <script src="../../docs/assets/js/bootstrap-modal.js"></script>
 128     <script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
 129     <script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
 130     <script src="../../docs/assets/js/bootstrap-tab.js"></script>
 131     <script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
 132     <script src="../../docs/assets/js/bootstrap-popover.js"></script>
 133     <script src="../../docs/assets/js/bootstrap-button.js"></script>
 134     <script src="../../docs/assets/js/bootstrap-collapse.js"></script>
 135     <script src="../../docs/assets/js/bootstrap-carousel.js"></script>
 136     <script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
 137
 138   </body>
 139 </html>