Add nav bar
This commit is contained in:
parent
114ebce52f
commit
4dfbd8fc6b
2 changed files with 20 additions and 9 deletions
|
@ -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;
|
|
@ -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;
|
||||||
}
|
}
|
Reference in a new issue