After spending all day searching for an answer, I still haven't found a solution to my problem. Here is the code I am struggling with:
<div class="visible-xs navbar navbar-ti navbar-fixed-top ">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target="#navbar" >
<span class="glyphicon glyphicon-menu-hamburger white"></span>
</button>
<button type="button" class="navbar-toggle collapsed pull-right">
<span class="glyphicon glyphicon-search white"></span>
</button>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="wheretobuy.aspx" style="color:#fff;" >Where to Buy</a></li>
<li><a href="cookware.aspx" style="color:#fff;" >Cookware Sets</a></li>
<li><a href="registration.aspx" style="color:#fff;" >Register Product</a></li>
<li><a href="qualitystandards.aspx" style="color:#fff;" >Quality Standards</a></li>
<li><a href="customerreviews.aspx" style="color:#fff;" >Customer Reviews</a></li>
<li><a href="rvinfo.aspx"style="color:#fff;" >RV Information</a></li>
<li><a href="marineinfo.aspx" style="color:#fff;" >Marine Information</a></li>
<li><a href="aboutus.aspx" style="color:#fff;" >About Us</a></li>
<li><a href="contactus.aspx" style="color:#fff;" >Contact Us</a></li>
</ul>
</div>
</div>
</div>
In order to customize the navigation bar width and remove a specific line, I made some changes in the bootstrap.css file as follows:
.white {
color: #fff !important; }.navbar-ti {
background-color:#200c03;}
I have been using Bootstrap 3.4 and only added some classes without modifying the bootstrap.css file. Can someone please assist me in achieving the desired layout? :)
P.S Apologies for any grammatical errors in English.