Stack Overflow
Stack Overflow

Questions tagged [nav-pills]

84 questions
0
votes
2 answers

Bootstrap 4 Pills with sub-pills

The goal is to make pills in pills like that with bootstrap 4 pills or navs. So it has tree structure like each category has subcategories and them dynamic. You can see structure here And should looks like Here's what I've tried so far:
Artem Dumanov
  • 381
  • 2
  • 21
0
votes
1 answer

bootstrap pills - how to display the pills tab without scrolling

I have a bootstrap 3 pills display. It comprises of three tabs of different lengths (height). I have inserted some code that allows a link to be clicked and a particular pill to be activated and displayed. The links to activate the different pills…
user1261774
  • 3,525
  • 10
  • 55
  • 103
0
votes
1 answer

tab-pane in bootstrap now showing

EDIT: forgot to mention, it should be in react app I'm trying to use Bootstrap vertical pills but my tab-panel disappeared and also when clicking other nav-link, active is not changed to that link. Here is the code:
smgeog
  • 15
  • 1
  • 7
0
votes
2 answers

Bootstrap 4 dynamic nav-pills with php codeigniter not working

When I click different product categories,I cannot get the corresponding product items, but only the items of the active category is displayed. When I click another nav-item the previously displayed items remain unchanged i.e, unable to change the…
Student
  • 25
  • 2
  • 11
0
votes
1 answer

Bootstrap dynamic pills only work once?

I'm creating a Sign in/up form. If the login form is displayed then there is a button below Sign up and if you click it then the login form fades and the Sign up form fades in. Then once the Sign up form is displayed clicking Sign in would make the…
Edward Severinsen
  • 643
  • 9
  • 35
0
votes
1 answer

How to create interactive form with bootstrap

My fiddle is here: http://jsfiddle.net/L4hkrwa6/14/ The HTML code is here:
0
votes
3 answers

How do I change the tab content color for each pill (tab) in bootstrap?

I have set up a Bootstrap tab/pills nav thing. I have 3 tabs: "adopt", "donate" and join. I want it so that the content background matches the color of the active tab.
0
votes
1 answer

Change Bootstrsp 4 Active Pills Background

I was trying to find the answer to my question. No one really had what i was looking for. All they could was change the background color when the nav pill was focused. So what i did was open the bootstrap 4 CSS file and found my own answer. So for…
Cornelius Labuschagne
  • 161
  • 2
  • 12
0
votes
1 answer

Centering Bootstrap 4 pills to align over each other on small screens

Is there a built-in Bootstrap 4 trick that will align these three to centre, in a line "on a large screen", with a small space between them, then place them over each other when displayed on a small screen?

Follow Social Media

…
cjones
  • 367
  • 1
  • 3
  • 19
0
votes
1 answer

Nested tabs in a pill tab panel not working in Bootstrap

I'm having trouble getting tabs inside of a vertical pill tab panel to work correctly in Bootstrap 4. Here's a minimal code example:
CasualKyle
  • 433
  • 4
  • 17
0
votes
1 answer

Bootstrap nav-pills in vue js 2

The jsfiddle was, https://jsfiddle.net/r6o9h6zm/2/ I have used bootstrap nav pills in vue js 2, to display the data based on the selected tab (i.e, if click over the standard non ac room, the record of that particular room need to be displayed) but…
Maniraj Murugan
  • 8,868
  • 20
  • 67
  • 116
0
votes
1 answer

How to make the selected title and its content as active and others as inactive?

I am doing a website for educational institution in which there is schools with sub division as matric, cbse, and state board and also a college.. Here what i need was when we click on matriculation stream, the matric schools need to be in active…
Maniraj Murugan
  • 8,868
  • 20
  • 67
  • 116
0
votes
1 answer

Bootstrap Pills Not Working As Expected

I pre-apologise if I've done something stupid, i'm still learning. So using AngularJS, in one of my views i've used pills (not as a nav) There are 3 pills, 2 of which seem to display the correct thing, but the active pill displays all 3 things…
Michael Birtwistle
  • 9
  • 2
  • 5
0
votes
1 answer

Right align nav-pills drop down menu

I am trying to align my drop down menu along the right side. Please see the attached picture and reference HTML code. Only a float right has been applied via CSS to move the drop down to the right side of the screen.
Rob Lachapelle
  • 3
  • 2
0
votes
1 answer

Bootstrap button/pills stops working if the parent has class "pull-right"

Scenario I am using flatfy bootstrap template to develop a simple website. Problem When I try to add a button/pill as a child of an element having pull-right class, the button works fine in desktop orientation(landscape), but when I resize…
Abhi9
  • 320
  • 1
  • 2
  • 13
1 2 3
4
5 6