question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Links as Bootstrap Tabs

See original GitHub issue

In bootstrap, the class=“active” on tabs is unfortunately applied to the <li>, not the <a>. Is there a way to work around this, so I can have links that look like bootstrap tabs?

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
mdornseifcommented, Nov 20, 2015

You can “route around” that issue also by just fixing bootstrap:

<style>
.nav-tabs > li > a.active,
.nav-tabs > li > a:hover.active,
.nav-tabs > li > a:focus.active {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
</style>
0reactions
durban89commented, Oct 21, 2015

isActive is not undefined

Read more comments on GitHub >

github_iconTop Results From Across the Web

Navs and tabs · Bootstrap v5.0
Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface. Use them to create tabbable regions with...
Read more >
Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or ...
Here is my solution to the problem, a bit late perhaps. But it could maybe help others: // Javascript to enable link to...
Read more >
How to Add Deep Linking to the Bootstrap 4 Tabs Component
How the URL changes as you click on the tabs. By giving each of the tabs its own URL, the content becomes shareable....
Read more >
Bootstrap Tabs and Pills - W3Schools
To center/justify the tabs and pills, use the .nav-justified class. Note that on screens that are smaller than 768px, the list items are...
Read more >
Bootstrap open tab from url hash - CodePen
Adds tab href to url + opens tab based on hash on page load...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found