]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Update javascript.md (#37566)
authorXhmikosR <xhmikosr@gmail.com>
Thu, 1 Dec 2022 07:59:45 +0000 (09:59 +0200)
committerGitHub <noreply@github.com>
Thu, 1 Dec 2022 07:59:45 +0000 (09:59 +0200)
site/content/docs/5.2/getting-started/javascript.md

index c4ba6b0f74267697f7b53594371de25bcaf694b4..80eed9ce1fb16eba975b6de1b1d6a4ecf0239403 100644 (file)
@@ -125,7 +125,6 @@ All constructors accept an optional options object or nothing (which initiates a
 
 ```js
 const myModalEl = document.querySelector('#myModal')
-
 const modal = new bootstrap.Modal(myModalEl) // initialized with defaults
 
 const configObject = { keyboard: false }
@@ -302,11 +301,17 @@ const tooltip = new bootstrap.Tooltip(yourTooltipEl, {
 **You don't need jQuery in Bootstrap 5**, but it's still possible to use our components with jQuery. If Bootstrap detects `jQuery` in the `window` object, it'll add all of our components in jQuery's plugin system. This allows you to do the following:
 
 ```js
-$('[data-bs-toggle="tooltip"]').tooltip() // to enable tooltips, with default configuration
+// to enable tooltips with the default configuration
+$('[data-bs-toggle="tooltip"]').tooltip()
 
-$('[data-bs-toggle="tooltip"]').tooltip({ boundary: 'clippingParents', customClass: 'myClass' }) // to initialize tooltips with given configuration
+// to initialize tooltips with given configuration
+$('[data-bs-toggle="tooltip"]').tooltip({
+  boundary: 'clippingParents',
+  customClass: 'myClass'
+})
 
-$('#myTooltip').tooltip('show') // to trigger `show` method
+// to trigger the `show` method
+$('#myTooltip').tooltip('show')
 ```
 
 The same goes for our other components.