Bootstrap tabs provide an easy way to create elegant and dynamic tabs to manage the content of web pages without writing any JavaScript code.
Questions tagged [bootstrap-tabs]
201 questions
2
votes
1 answer
AngularJs: Route Provider For Tab?
I am new to AngularJs. I am working in Angular Routing Concept. There are plenty of suggestion and examples are available for Routing and i am researching it. But its not fulfilling my requirement. I want to Design one Parent controller in JSP page…

vignesh selvarathinam
- 129
- 2
- 13
2
votes
2 answers
shown.bs.tab event with default tab is not working
I'm using bootstrap tabs in one of my application and I have a challenge where shown.bs.tab event is not getting triggered when page is loaded with default active tab.
In the below code I have a tab named "Home" which is an default tab (active class…

Prashanth Yeredukeremath
- 245
- 2
- 4
- 14
2
votes
3 answers
Bootstrap 3 data-target attribute on tab not working
I am using Bootstrap tabs in my website. When page loads tab will be filled with data at run-time using dynamic content. I am using data-target attribute on anchor tag for that, but it does not seems to work at all.
Here is what I tried so…

mahendra kawde
- 855
- 4
- 25
- 44
2
votes
1 answer
Forcing Kendo UI Chart to use full width of Bootstrap tab
I have a page where I have 3 Kendo UI graphs, each in a separate tab. I want all graphs to use the full width available, but only the first one does so.
I know I can specify a width for the chart, but I don't want to / cannot specify this upfront…

Peter
- 13,733
- 11
- 75
- 122
2
votes
6 answers
Bootstrap tabs on hover with clickable links
I am using bootstrap tabs functionality and I would like to implement the following features:
Use mouseenter instead of click to toggle between tabs
To prevent clicking action on links.
Here is my jsfiddle sample code.…

robuh
- 61
- 1
- 9
2
votes
1 answer
Go to Specific Tab on Page Reload or Hyperlink where tab is loaded by AJAX
I have a set of Bootstrap tabs.
HTML
2
votes
1 answer
Submit different forms bootstrap tab
I want to submit different forms using bootstrap tab. I have partial views for each tab.
2
votes
2 answers
How to resolve Tabdrop bootstrap issue?
I use bootstap Modal and Bootstrap tabs and i want to achieve the tabdrop, when the Modal window loads the tabs are not grouped even they overflow $('.nav-tabs').tabdrop({text: "More"}); but when i resize the browser window it works, what could be…

Wissem Achour
- 177
- 1
- 3
- 13
2
votes
1 answer
Rails will_paginate directs to wrong twitter bootstrap nav-tab
I have a nav-tab (twitter-bootstrap) in my homepage with 2 tabs.
Under each tab I render a different collection:
home_controller.rb:
def index
@deleted_posts = Post.all.where(status: "deleted").paginate(page: params[:page], per_page: 5)
…

laa laa
- 63
- 4
2
votes
2 answers
Bootstrap 3.2.0: How can i keep on the selected tab when i post something under it?
I have a problem wherein when i post something under a tab, i goes back to the active tab when submit button is clicked. For example, i posted on tragedies tab, i goes back again to the weather tab which is my active tab. Heres my code
heres a part…

user3865549
- 21
- 4
2
votes
0 answers
Bootstrap 2: tabs in modal
I have bootstrap tabs in bootstrap modal. When I open modal - it looks like tabs are working, because just the first div tab-content is shown and others are hidden.
But then I have a problem - when I click on tabs it fires shown event at my modal…

arfname
- 379
- 1
- 4
- 10
2
votes
2 answers
Link to Specific Bootstrap Tab From Another Page Wordpress
I'm using bootstrap tab shortcodes on my Wordpress site. I want to link from another page to tab2. Can anyone advise how this is done?
My page code (chopped a bit):
[bootstrap_tab name="TAB1" link="tab1-slug" active="active"]
TAB 1…

dvent
- 105
- 1
- 6
- 17
1
vote
1 answer
Bootstrap tabs inside Owl carousel
I've seen a lot of questions about placing an Owl carousel control inside a Bootstrap tab pane. For instance, Owl Carousel not working inside Bootstrap Tabs and Owl Carousel broken inside tab panel.
I'd like to implement the opposite: to place…

Shtole
- 77
- 6
1
vote
0 answers
React Boostrap Tabs not showing tab content
I've seen this question asked before but have not seen an answer. I have two tabs for now but neither tab shows any content. I've pared it all back to its most basic functioning. I'm not trying to display a component in the tab; just an h1 for now.…

Hugh Daggs
- 11
- 1
1
vote
0 answers
how to opened specific while navigating from another page using bootstrap tabs
I'll have to open specific tab while am coming to this tabs page from another page by navigation. using
bootstrap tabs
for example tab should be open while am navigating this page from another page
HTML