Stack Overflow
Stack Overflow

Questions tagged [bootstrap-native]

Bootstrap Native is a native JavaScript library for both the Bootstrap 3 and Bootstrap 4 series, featuring superior performance compared to the original jQuery Plugins. It has the advantage of removing Bootstrap's dependence on jQuery. The full library is under 20Kb minified and 6.5Kb gZipped.

Bootstrap Native redeveloped Bootstrap's jQuery plugins using native code. This allows developers to use all of the great features of Bootstrap without requiring the jQuery library. The entire BSN library is under 20Kb minified leading to faster load times. Since it is implemented in native JavaScript, it runs fast. It also offers a polyfill for older browser support. Bootstrap Native is available via npm, bower and CDN.

15 questions
3
votes
4 answers

Bootstrap Native does not work with Turbo Links

I am trying to get Bootstrap Native to work with Turbolinks 5 in a Rails 5 app. When I first load the page, the Bootstrap drop down menu works fine, but after navigating to another page, the Bootstrap drop down no longer works. It is as if…
Tom Aranda
  • 5,919
  • 11
  • 35
  • 51
3
votes
1 answer

Chrome Extension/Bootstrap Native Function not defined? (Javascript)

Seems like I can't access the .popover method inside my script. Unless I screwed up, I should have access to that method from the Bootstrap Native (Jquery-free Bootstrap) file included. ? All the script does is add links and ideally a popover on…
Kevin
  • 129
  • 11
2
votes
1 answer

Capture BootstrapNative Modal close event without jQuery

I'm using Bootstrap-Native, I want to detect when a modal is closed, is there a way to do this with plain javascript?
2
votes
0 answers

parentNode is null for tabs in bootstrap native?

I'm a big fan of http://thednp.github.io/bootstrap.native/ which is a vanilla JS version of Bootstrap. Following their docs, I did this:
2
votes
1 answer

Chrome Extension Script/ Function not defined (Bootstrap Native?)

Seems like I can't access the .popover method inside my script. Unless I screwed up, I should have access to that method from the Bootstrap Native (Jquery-free Bootstrap) file included. ? All the script does is add links and ideally a popover on…
Kevin
  • 129
  • 11
1
vote
1 answer

Bootstrap 5 "Nav-bar" collapse does not work

Base code:
Davi Jorge
  • 13
  • 1
  • 4
1
vote
1 answer

Open Bootstrap tab programmatically with turbolinks

I'm tryng to open a Bootstrap 4 tab after page load. It does work if I refresh the page, but if I navigate within the site, I get a query selector empty error. This is my code, that's basically a port I did of this…
Artemis
  • 589
  • 1
  • 6
  • 19
1
vote
1 answer

Open tab programmatically with bootstrap-native without jquery

I'm using the non JQuery library bootstrap-native for Bootstrap 4 Link and I need to open a tab programmatically.
1
vote
1 answer

Bootstrap-Native with React.js

Since I don't want to use Bootstrap jquery or reactstrap, I'm trying to implement bootstrap native in react, a plain javascript version of bootstrap, in React. tried pm install --save bootstrap.native and loaded with import…
Artemis
  • 589
  • 1
  • 6
  • 19
0
votes
1 answer

Why aren't Bootstrap Native components rendering in my React app?

tried npm install --save bootstrap.native loaded import 'bootstrap.native/dist/bootstrap-native-v4.js'; in index.js file in create-react app. Expected Result: converting bootstrap component (navbar, modal, alert, popup...) to jsx and creating…
rosnk
  • 1,068
  • 1
  • 14
  • 36
0
votes
0 answers

bootstrap tabs stop working after uploading a file w/ fileReader

Trying to display json contents in multiple tables separated by bootstrap's nav tabs. I chose to upload the file via FileReader (mostly due to not knowing of any other ways to get the json into js). It's working fine initially (with hardcoded…
gargoylebident
  • 373
  • 1
  • 2
  • 12
0
votes
1 answer

After lazy loading the Bootstrap Javascript, how to trigger it's initCallback function?

Since the Bootstrap-native javascript isn't directly necessary as it only really is needed when the user starts interacting with the page, I figure I can lazy load it. (Yea ok it's only a few KB, but hey if it's possible, why not?) The minor problem…
Marcade
  • 3
  • 1
0
votes
1 answer

How do I refresh tab content using Bootstrap 4 / bootstrap-native-v4

I want to present Tabs using Bootstrap 4 with bootstrap-native-v4 within an Angular 2 application. (I am including bootstrap-native-v4 via the angular.json file 'scripts' value "./node_modules/bootstrap.native/dist/bootstrap-native-v4.min.js" -…
TerrorBight
  • 334
  • 4
  • 23
0
votes
1 answer

Bootstrap native: override setFocus on dropdown handling

Aside from forking the library, is there a way to override/disable setFocus in the private show and hide methods of the dropdown? I am using the dropdown for a mini-cart on a sticky navbar. When an item is added I'd like the dropdown to open (which…
tarponjargon
  • 1,002
  • 10
  • 28
0
votes
0 answers

Accordion Native Bootstrap

I have a problem with the accordion in Bootstrap Native. Everything works fine except for one thing. After expanding other .collapsed accordion, the class is not added to the former that was developed. I've tried several ways and still nothing.…
paciek
  • 100
  • 1
  • 9