Stack Overflow
Stack Overflow

Questions tagged [bootstrap-tabs]

Bootstrap tabs provide an easy way to create elegant and dynamic tabs to manage the content of web pages without writing any JavaScript code.

201 questions
4
votes
0 answers

Bootstrap tabs not rendering content properly

I have a bootstrap modal. The modal has tab view in it. Each tab is then rendering a partial view for it's content. Partial views is having few url's in them. The issue I am having is, when I define tab 1 before tab 2, url's in tab 2 content does…
Kristy
  • 279
  • 6
  • 18
4
votes
1 answer

How to give external link to bootstrap tabs

I am using bootstrap tabs in my ASP.NET MVC project. In this tab, I need to give external link so when users click on particular tab it will redirect to particular link. Basically I have four controller. Now I need to redirect to each controller…
Ajay
  • 317
  • 2
  • 12
  • 25
3
votes
2 answers

React Bootstrap Tabs - evenly spaced across full width of div

I have a bootstrap tab bar as follows:
slakf lsjdflkadsjf lkadkfdksjflk…
Mel
  • 2,481
  • 26
  • 113
  • 273
3
votes
1 answer

Datatables issue using fixedColumns with Bootstrap tabs

I have a page with two bootstrap tabs, each tab contains one datatable. The below behavior started occurring only after I integrated fixedColumns into both datatables. On page load the first table is displayed correctly and fixedColumns works…
user3626232
  • 149
  • 12
3
votes
1 answer

Consistent scroll-to-bottom when the page loads on overflown content

I'm currently working on a chat layout with minimal JS/jQuery using Bootstrap Tabs and custom CSS (the sending & receiving of the messages would be worked on later during programming). I have already used a bit of jQuery to make a chat box div…
DriftingSteps
  • 526
  • 1
  • 7
  • 23
3
votes
2 answers

Bootstrap tabs not working the first time

I am trying to implement two basic tabs and panels. The panel does not show the content(Page 1) on page load. However, clicking on the other tab works fine with the right content(Page 2) and then going back to the first tab works fine(Page 1).
TheFallenOne
  • 1,598
  • 2
  • 23
  • 57
3
votes
2 answers

multiple vue js instances vs components , ajax tabs

I want to render ajax tabs using vue js. For each tab, ajax request fetches template + data from api. so these are the tabs:
3
votes
1 answer

Bootstrap v4.0.0-alpha.5 vertical nav-tabs

i'm searching for an easy way to get the nav-tabs of Bootstrap v4 to be vertical (right or left), pretty much same as this. every library or plugin i found are able to do this only on bootstrap's V3 and not V4.
Sagiv b.g
  • 30,379
  • 9
  • 68
  • 99
3
votes
1 answer

Add bootstrap tabs dynamically including the events firing mechanism

Using Bootstrap 3, I'm dynamically creating some tabs using the way suggested in this post: Add / Remove Tabs Dynamically in Bootstrap - Make created tab active. It's working great apart from the events firing mechanism. For instance, when clicking…
Phil
  • 43
  • 4
3
votes
1 answer

add div columns into bootstrap tabs content

I work with bootstrap 3 tabs and style using X-tabs plugin like this : HTML :
Pink Code
  • 1,802
  • 7
  • 43
  • 65
3
votes
1 answer

Bootstrap Tabdrop not working in MVC cshtml

I have a mvc razor page (cshtml) and i tried to implement the bootstrp tabdrop in it. I am able to get the tabs however the tabdrops are not displayed. When i run the same code in a html file i am able to get the tabs as well as the tabdrop holding…
Karthik Venkatraman
  • 1,619
  • 4
  • 25
  • 55
2
votes
0 answers

Add a checkbox inside Bootstrap 5 tabs

I intend to put a checkbox inside Bootstrap 5 tabs. The problem is that the checkbox is not selectable. If you enable the alert line on js panel, you will see the tabs script toggle the checkbox and won't let it be toggled. I could make it work by…
Shahroq
  • 969
  • 1
  • 8
  • 15
2
votes
1 answer

Bootstrap 4 tabs does not work with owl carousel 2

I try to add bootstrap tabs functionality within the owl carousel 2. But it does not work properly. First time click on any menu item it works fine and shows proper related value but when clicking for the second time it does not work. Stuck at last…
Habib Hasan
  • 21
  • 6
2
votes
1 answer

Rails Nested Fields with Bootstrap Tabs

Trying to create a nested form in rails, but have it collapsible using bootstrap tabs. I currently have the following: _form.html.rb <%= f.fields_for :register_members do |rm| %> <%= render 'register_member_fields', f: rm %> <% end…
Corey
  • 835
  • 1
  • 9
  • 32
2
votes
1 answer

Bootstrap tabs within modals

I have a modal that retrieves data from database and displays them in tabs. Tabs and tab contents are created dynamically. Looking at the source it all seems to be perfectly arranged, all the class and hierarchy however the li items within ul are…
sujan basnet
  • 190
  • 2
  • 12
1
2
3
…
13 14