Questions tagged [nav-pills]
84 questions
0
votes
1 answer
Toggle bootstrap pills with php
Can I toggle bootstrap pills when a variable is set on my url using php?
example
if (isset($_GET['user'])){
#profile is active
}
else {
#home is active
}
Jeffrey Nerona
- 135
- 1
- 10
0
votes
2 answers
Using div inside of bootstrap nav-pill
I'm trying to make the bootstrap nav-pills take up less space in mobile view, by default they stack on top of each other. This uses quick a lot of space. What I'm trying to achieve is getting two pills per line.
So far I have got everything working…
rob12345
- 29
- 1
- 8
0
votes
2 answers
change active tab on document ready
I would like to change the active pill/tab on document load. I know you can set the active pill like I have below but for other reasons I want to change it after document load. I have tried various bits of JS but nothing seems to work. Here's the…
Stu
- 23
- 2
- 6
0
votes
3 answers
Element manipulation with CSS/jQuery
I'm doing some manipulation, presumably with jQuery, which is a lot like a previously asked question here:
Hide and show divID with Javascript - Hide when new title is opened
I have made a jsfiddle of my problem. I am working on some pills/tabs,…
Tobias Krøgholt
- 23
- 5
0
votes
1 answer
Overriding BootStrap CSS - difficulty understanding specificity
I'm absolutely new to coding and attempting a basic website, and have used the BootStrap CSS as a basis.
I've set up nav-pills and managed to customise them thus far (spacing, font, background colours etc) but struggled for hours trying to change…
0
votes
3 answers
bootstrap justified nav - how to space items?
I'm using the following bootstrap navbar:
0
votes
0 answers
isotope filtering not working on nav-pills tabs
I have three nav-pills set up. When somebody selects a new pill/tab and clicks on any of the content inside the tabbed area, it correctly sorts my isotope. This is all good.
When the person clicks on a new pill/tab, it shows the correct tabbed…
Frank
- 89
- 2
- 12
0
votes
1 answer
Bootstrap 3 navbar-toggle jumping on open and not opening at all on iPhone?
I have a Bootstrap 3 nav-pills menu which collapses on mobile devices however when you click the navbar-toggle menu, the menu opens and then immediately jumps up about 40-50 pixels?
It doesn't open at all on iPhone. :(
It's…
NathonJones
- 919
- 4
- 13
- 28
0
votes
1 answer
bootstrap pill not "tabbing" content
I am setting up bootstrap pills on a page and am using the http://getbootstrap.com/javascript/#tabs-usage standard formula but I'm getting the function is not a valid function error message. I have:
- 89
- 2
- 12
Frank
0
votes
1 answer
Vertical Menu with content on its right
I am trying to make nav-bar pills just like bootstrap. But don't want to include whole bootstrap css though.
This is what I have done so far:
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
*margin-bottom: -3px;
…
user4720163
0
votes
1 answer
Dynamic Nav-pills to show Tab-content in Bootstrap
I have a function that dynamically creates navigation in a web page. The problem I have is that when I click on the top nav buttons it works. As I know you can only use ID's once. This is the problem. How can I use classes instead of ids to make…
cwiggo
- 2,541
- 9
- 44
- 87
0
votes
2 answers
Changing BootStrap Nav Pills Dropdown Link Hover Background Color on Navbar
I'm building a site and I am utilising the Bootstrap framework as it saves me a lot of development time.
The Issue
I have a collection of links a couple of dropdown links and the rest are just regular links.
I have managed to successfully change the…
Stuart Cowley
- 37
- 2
- 9
0
votes
1 answer
javascript stop click stopPropagation inside bootstrap nav-pill for modal
I am using Bootstrap 3 and I am trying to include two link in a nav-pills. One is the standard link to the page in the menu.
The other is a link of a trash can to the bootstrap modal to confirm deletion. The issue I having is the outer click event…
Keith Power
- 13,891
- 22
- 66
- 135
-1
votes
1 answer
Boostrap v4.6 hide nav-pills until certain time of day, then hide again JS
I have two nav-pills that I need to hide until a certain time of the day and then hide again at a later time of the same day. However there is a third nav-pill which shouldn´t be affected by this and visible at all times.
function showNavPill()…
MonWas
- 1
- 1
-1
votes
1 answer
Custom CSS: Change Active Pill Navigation Color
I have Pill tabs where each color is #d7e5ea. I want to change the color of the selected pill tab (active pill tab) to #83a8b5, while the inactive (unselected) remain at #d7e5ea.
What custom css can I apply for this change? I have tried changing the…
SavPhill
- 636
- 6
- 24