Skip to content

Commit cc7ef59

Browse files
daveseahdaveseah
committed
update index.html and App.jsx to demonstrate Bootstrap 4
1 parent 3adcafd commit cc7ef59

2 files changed

Lines changed: 46 additions & 3 deletions

File tree

‎build/app/assets/index.html‎

Lines changed: 45 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,55 @@
22
<html>
33
<head>
44
<title>NetCreate Prototype</title>
5-
<meta charset="utf-8" />
5+
<!-- Required meta tags -->
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8+
<style>
9+
body {
10+
min-height: 75rem;
11+
padding-top: 4.5rem;
12+
}
13+
</style>
614
<script src="netc-lib.js"></script>
715
<script src="netc-app.js"></script>
16+
<link rel="stylesheet" href="netc-app.css">
817
</head>
918
<body>
10-
<div id="system-shell"></div>
19+
20+
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
21+
<a class="navbar-brand" href="#">NetCreate</a>
22+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
23+
<span class="navbar-toggler-icon"></span>
24+
</button>
25+
<div class="collapse navbar-collapse" id="navbarCollapse">
26+
<ul class="navbar-nav mr-auto">
27+
<li class="nav-item active">
28+
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
29+
</li>
30+
<li class="nav-item">
31+
<a class="nav-link" href="#">Link</a>
32+
</li>
33+
<li class="nav-item">
34+
<a class="nav-link disabled" href="#">Disabled</a>
35+
</li>
36+
</ul>
37+
<form class="form-inline mt-2 mt-md-0">
38+
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
39+
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
40+
</form>
41+
</div>
42+
</nav>
43+
44+
<div class="container">
45+
<div class="jumbotron">
46+
<h1>Navbar example</h1>
47+
<p class="lead">This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser's viewport.</p>
48+
<a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs &raquo;</a>
49+
</div>
50+
<div id="system-shell"></div>
51+
</div>
52+
1153
<script>require("init")</script>
54+
1255
</body>
1356
</html>

‎build/app/gui/App.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default class App extends React.Component {
55
render() {
66
return (
77
<div id="content">
8-
<h1>NetCreate AppShell</h1>
8+
Loaded from app/gui/App.jsx
99
</div>
1010
);
1111
}

0 commit comments

Comments
 (0)