Hi guys,
Just looking for some help with bootstrap, I'm trying to make my navigation but for some reason i cannot center the UL items in it. It seems to float to the left by default. Its driving me mad! I do like what boot strap offers but i find it frustrating to work with at times and I'm contemplating just using this grid system instead http://www.responsivegridsystem.com/. I know it doesnt have the custom classes bootstrap has but maybe doing everything from scratch might help.
If anyone could see from my code below how to center the UL in the navigation id be really grateful.
<body>
<nav class="navbar">
<div class="container-fluid">
<!--ADD NAVBAR HEADER -->
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Tuition & Practice</a></li>
<li><a href="#">Corporate Days</a></li>
<li><a href="#">Shooting Diary</a></li>
<li><a href="#">Membership</a></li>
<li><a href="#">Gift Vouchers</a></li>
<li><a href="#">Hen & Stag Parties</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</nav>
Just looking for some help with bootstrap, I'm trying to make my navigation but for some reason i cannot center the UL items in it. It seems to float to the left by default. Its driving me mad! I do like what boot strap offers but i find it frustrating to work with at times and I'm contemplating just using this grid system instead http://www.responsivegridsystem.com/. I know it doesnt have the custom classes bootstrap has but maybe doing everything from scratch might help.
If anyone could see from my code below how to center the UL in the navigation id be really grateful.
<body>
<nav class="navbar">
<div class="container-fluid">
<!--ADD NAVBAR HEADER -->
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Tuition & Practice</a></li>
<li><a href="#">Corporate Days</a></li>
<li><a href="#">Shooting Diary</a></li>
<li><a href="#">Membership</a></li>
<li><a href="#">Gift Vouchers</a></li>
<li><a href="#">Hen & Stag Parties</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</nav>