navbar nice

This commit is contained in:
Angel Ordax
2015-12-04 18:20:01 +01:00
parent 24e6fcebe6
commit d69368ba55
3 changed files with 44 additions and 30 deletions

View File

@@ -1,6 +1,5 @@
/* compiler is working */ /* compiler is working */
body { body {
background: red !important;
padding-top: 50px; padding-top: 50px;
padding-bottom: 40px; padding-bottom: 40px;
margin-left: 200px !important; margin-left: 200px !important;

View File

@@ -39,35 +39,51 @@
</style> </style>
</head> </head>
<body style="cursor: auto;" class="edit toolbox-reset"> <body style="cursor: auto;" class="edit toolbox-reset">
<nav class="navbar navbar-inverse navbar-fixed-top"> <nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid"> <div class="navbar-header" style="margin-right: 100px;">
<div class="container"> <a class="navbar-brand emphasized3" href="#">
<ul class="nav" id="menu-layoutit"> Layout Builder
<li class="divider-vertical"></li> </a>
<li>
<div class="btn-group">
<button onclick="resizeCanvas('lg')" class="btn btn-primary"><i class="fa fa-desktop"></i> </button>
<button onclick="resizeCanvas('md')" class="btn btn-primary"><i class="fa fa-laptop"></i> </button>
<button onclick="resizeCanvas('sm')" class="btn btn-primary"><i class="fa fa-tablet"></i> </button>
<button onclick="resizeCanvas('xs')" class="btn btn-primary"><i class="fa fa-mobile-phone"></i> </button>
</div>
<div class="btn-group">
<a class="btn btn-primary" href="/" target="_blank"><i class="icon-home icon-white"></i>Home</a>
</div>
<div class="btn-group" data-toggle="buttons-radio">
<button type="button" id="edit" class="btn btn-primary active"><i class="icon-edit icon-white"></i>Edit</button>
<button type="button" class="btn btn-primary" id="devpreview"><i class="icon-eye-close icon-white"></i>Developer</button>
<button type="button" class="btn btn-primary" id="sourcepreview"><i class="icon-eye-open icon-white"></i>Preview</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary" data-target="#downloadModal" rel="/build/downloadModal" role="button" data-toggle="modal"><i class="icon-chevron-down icon-white"></i>Download</button>
<button class="btn btn-primary" href="#clear" id="clear"><i class="icon-trash icon-white"></i>Clear</button>
</div>
</li>
</ul>
</div> </div>
</div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-3">
</nav> <ul class="nav navbar-nav">
<li>
<div class="btn-group" style="margin-right: 20px;">
<button onclick="resizeCanvas('lg')" class="btn btn-default navbar-btn"><i class="fa fa-desktop"></i> </button>
<button onclick="resizeCanvas('md')" class="btn btn-default navbar-btn"><i class="fa fa-laptop"></i> </button>
<button onclick="resizeCanvas('sm')" class="btn btn-default navbar-btn"><i class="fa fa-tablet"></i> </button>
<button onclick="resizeCanvas('xs')" class="btn btn-default navbar-btn"><i class="fa fa-mobile-phone"></i> </button>
</div>
</li>
<li>
<div class="btn-group" data-toggle="buttons-radio">
<button id="edit" class="btn btn-default navbar-btn">
<i class="fa fa-edit"></i> Edit
</button>
<button type="button" class="btn btn-default navbar-btn" id="devpreview">
<i class="fa icon-eye-close" style="color: #333;"></i> Developer
</button>
<button type="button" class="btn btn-default navbar-btn" id="sourcepreview" >
<i class="fa icon-eye-open" style="color: #333;"></i> Preview
</button>
</div>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<div class="btn-group">
<button class="btn btn-default navbar-btn" href="#clear" id="clear" color="#333;">
<i class="fa icon-trash" style="color: #333;"></i>Clear
</button>
<button type="button" class="btn btn-primary navbar-btn" data-target="#downloadModal" rel="/build/downloadModal" role="button" data-toggle="modal">
<i class="fa icon-chevron-down" ></i>Download
</button>
</div>
</li>
</ul>
</div>
</nav>
<div class="container-fluid"> <div class="container-fluid">

View File

@@ -1,6 +1,5 @@
/* compiler is working */ /* compiler is working */
body { body {
background: red !important;
padding-top:50px; padding-top:50px;
padding-bottom: 40px; padding-bottom: 40px;
margin-left:200px !important; margin-left:200px !important;