1
Fork 0

Add nav bar

This commit is contained in:
Jake Howard 2015-11-03 21:07:44 +00:00
parent 114ebce52f
commit 4dfbd8fc6b
2 changed files with 20 additions and 9 deletions

View file

@ -1,10 +1,19 @@
var React = require('react'); var React = require('react');
var NavBar = React.createClass({ var NavBar = React.createClass({
render: function () { render: function () {
<div id="NavBar"> return (
<div className="row" > <nav className="navbar navbar-default navbar-fixed-top">
</div> <div className="container-fluid">
</div> <a className="navbar-brand">Keyboard Mechanizer</a>
} <ul className="nav navbar-nav navbar-right">
}); <li><a href="#">Hide</a></li>
<li><a href="#"><i className="icon ion-close-round"></i></a></li>
</ul>
</div>
</nav>
);
}
});
module.exports = NavBar;

View file

@ -1,6 +1,8 @@
@import 'node_modules/bootstrap/less/bootstrap.less'; @import 'node_modules/bootstrap/less/bootstrap.less';
@import 'node_modules/bootstrap/less/theme.less'; @import 'node_modules/bootstrap/less/theme.less';
@import 'node_modules/ionicons/less/ionicons.less';
#NavBar { body {
padding: 5px;
padding-top: 50px;
} }