Ansh Nanda Ansh Nanda - 11 months ago 61
CSS Question

Apply Bootstrap & Flat UI on a div or copy all styles to use on the navbar

I built my navbar using Bootstrap with Flat UI on top of it.

Now if I add bootstrap+flat ui into this other html+css file that I have, the hexagons get spoilt.
Basically, my navbar does not work without flat ui and bootstrap while my hexagon page does not work with flat ui and bootstrap so I have no idea what to do! Please help.

navbar code:

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<!-- <a class="brand" href="#"><img src="logo.jpg" /></a> -->
<!-- All the nav link -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="">Home</a></li>
<li><a href="#about">About</a></li>
<li class="active"><a href="hexagons.html">Features</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="#contact">Contact Us</a></li>
<ul class="nav navbar-nav navbar-right">
<li><a href="getStarted.html"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Buy now<i class="fa fa-user-paw" aria-hidden="true"></i></a></li>

<!-- navbar collapse -->
<!-- container -->

Here is the codepen

Answer Source

Please check this link, I have update your code. Click Here

<a href="">jsfiddle</a>