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 NavBar = React.createClass({
|
||||
render: function () {
|
||||
<div id="NavBar">
|
||||
<div className="row" >
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
render: function () {
|
||||
return (
|
||||
<nav className="navbar navbar-default navbar-fixed-top">
|
||||
<div className="container-fluid">
|
||||
<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/theme.less';
|
||||
@import 'node_modules/ionicons/less/ionicons.less';
|
||||
|
||||
#NavBar {
|
||||
|
||||
body {
|
||||
padding: 5px;
|
||||
padding-top: 50px;
|
||||
}
|
Reference in a new issue