Bootstrap navbar doesnt seem to be displaying correctly

Alex Lord
Alex Lord used Ask the Experts™
<nav style="background-color:#ffffff;" id="quick-tool-nav" class="navbar navbar-expand-lg navbar-light ">
                              <a style="color: black; margin-right: 50%" class="navbar-brand" href="#">Quick Tools</a>
                              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#rbtNavbar" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
                                <span class="navbar-toggler-icon"></span>

 <!-- Tabs -->
						<div class="collapse navbar-collapse active" id="rbtNavbar">
							<ul class="nav navbar-nav">

								<!-- 1st Tab Button -->
								<li class="active">
									<a data-toggle="tab" href="#simple_1">
										<i class="fa fa-heart-o"></i>
                                <li >
									<a data-toggle="tab" href="#simple_2">
										<i class="fa fa-heart-o"></i>
                                   <li >
									<a data-toggle="tab" href="#simple_3">
										<i class="fa fa-heart-o"></i>


							</ul> <!-- /.nav.navbar-nav -->
						</div> <!-- /Tabs -->

Open in new window

anyone see why my nav looks like this ?

Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
could you elaborate, what is the problem?
is this because you don't see fontawesome Icon?

Make sure you include fontawesome Icon script

using Chrome right click inspect and check error in console

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial