|
6 | 6 | <title>React Buttons</title> |
7 | 7 | <meta name="description" content=""> |
8 | 8 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
9 | | -<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
10 | 9 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| 10 | +<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> |
11 | 11 | <style> |
12 | 12 | html, body { |
13 | 13 | color: #333; |
|
16 | 16 | body { |
17 | 17 | background-color: #eee; |
18 | 18 | } |
19 | | -.page-title { |
20 | | - font-weight: bold; |
21 | | - font-size: 64px; |
22 | | - text-align: center; |
23 | | -} |
24 | 19 | #container { |
25 | 20 | text-align: left; |
26 | 21 | margin: 10px; |
27 | 22 | } |
28 | 23 | </style> |
29 | 24 | </head> |
30 | 25 | <body> |
31 | | - <div> |
32 | | - <div class="col-sm-12" style="margin-bottom: 1em;"> |
33 | | - <h1 class="page-title"> |
34 | | - <a href="https://github.com/trendmicro-frontend/react-buttons">React Buttons</a> |
35 | | - </h1> |
36 | | - </div> |
37 | | - <div class="col-sm-12"> |
38 | | - <div id="container"></div> |
| 26 | + <nav class="navbar navbar-default"> |
| 27 | + <div class="container-fluid"> |
| 28 | + <div class="navbar-header"> |
| 29 | + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> |
| 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="#">React Buttons</a> |
| 36 | + </div> |
| 37 | + <div class="navbar-right" style="margin: 0"> |
| 38 | + <a |
| 39 | + class="btn btn-default navbar-btn" |
| 40 | + href="https://github.com/trendmicro-frontend/react-buttons" |
| 41 | + > |
| 42 | + <i class="fa fa-github fa-fw" style="font-size: 16px"></i> |
| 43 | + GitHub |
| 44 | + </a> |
| 45 | + </div> |
39 | 46 | </div> |
40 | | - </div> |
| 47 | + </nav> |
| 48 | + <div id="container"></div> |
41 | 49 | <script src="bundle.js"></script> |
42 | 50 | </body> |
43 | 51 | </html> |
0 commit comments