I'm eager to incorporate this into my project :
<div class="container">
<ul class="nav nav-pills nav-justified">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</div>
</div>
My one request is to eliminate the responsive aspects. Specifically, I want to avoid vertical stacking when the screen size decreases.
Yesterday, I spent hours attempting to make Bootstrap 3 unresponsive. Despite trying to create custom CSS files and using compilers on the official site, I struggled due to my limited experience with CSS. After exploring options like bassjobsen's work from here, I realized that completely removing fluidity was necessary. Though there are resources on the Bootstrap website for eliminating responsiveness, they provide only partial solutions. Even after including non-responsive.css as recommended, elements such as my nav-pills still collapse at certain widths. It seems manual modification of each class may be the only solution, making it challenging to tailor Bootstrap 3 exclusively for high-resolution devices (please correct me if I am mistaken).
Regrettably, I'm unable to share more code given my unsuccessful attempts. Any assistance from someone who has faced a similar issue would be greatly valued. While considering transitioning to pure CSS/jQuery, I hope to implement this feature in my design first before making any decisions.