All Questions
Tagged with bootstrap-5 vue.js
118 questions
1
vote
0
answers
44
views
How to collapse rows in a table with Vue/Bootstrap
I need some advice on how you would approach this problem I am trying to solve.
I have a component called SortTable. This does what the name suggests.
I call that component in another component. Lets ...
2
votes
1
answer
51
views
Bootstrap 5.3 Offcanvas Navbar - auto-close when click on nav-item, throws: this._config is undefined
I am struggling with Bootstrap 5.3 and the OffCanvas Navbar. The official example from Bootstrap works fine, except one thing: It doesn't close the OffCanvas after selecting a nav-item.
Offcanvas ...
- 431
0
votes
0
answers
59
views
Open multiple Bootstrap Toasts instead of overriding the same Instance
I am trying to call multiple instances of a bootstrap toast in Vue3. When I call a new Instance the old one gets overwritten but I want the old one to stay. I saw some libraries with this ...
- 13
0
votes
1
answer
48
views
Notifications "action" button position
I try to create a vue/bootstrap notifications component with action buttons.
Thats my current result, no matter what i do, the buttons are part of the notification body itself:
Instead of that, i ...
- 3,934
0
votes
2
answers
35
views
Bootstrap responsive doesn't work and not recognized in devtools
I'm working on a project with Laravel Mix, Vue.js and Bootstrap 5.3
About laravel mix:
const mix = require("laravel-mix");
const path = require('path');
require("mix-env-file");
...
- 11
0
votes
0
answers
31
views
Vue+Bootstrap: Prevent modal closing with a flag
I have a modal component that displays a form:
<template>
<div ref="modal" class="modal fade" :id="id" tabindex="-1" role="dialog">
&...
0
votes
0
answers
68
views
Dropdown menu overlaps with component in Vue app
I had a Vue electron app, in which Home view component has 3 child components which are in single column one after the other, I have a b-dropdown in middle component when I scroll up the opened ...
- 19
2
votes
2
answers
1k
views
PrimeVue InputNumber's width exceeds the width of its parent
I have a list of items in the cart that's presented in Bootstrap rows and cols. Each item has a PrimeVue InputNumber for changing the quantity of a specific product in the cart.
Here's a StackBlitz ...
- 73
0
votes
1
answer
68
views
A Bootstrap row with a fixed max-height still takes up space when overflown
I have a div with colors - a Bootstrap row with lots of cols. I've set it a fixed max-height. Even though it looks like it's scrollable, the row with cols still takes up space and expands far beyond ...
- 73
2
votes
1
answer
777
views
How to use bootstrap 5 tooltips in vue js 3
I'm trying to use the bootstrap 5 tooltips in an application with vue.js 3, but I'm not able to get them to work properly.
I've tried several ways, and the only one that made the tooltips appear was ...
- 33
1
vote
2
answers
416
views
Bootstrap js files not working in vue 3 options api custom element
I am trying to use Bootstrap 5 in a Vue 3 Options Api custom element. I have been having issues with loading bootstrap correctly.
This is my main.ts file:
import { defineCustomElement } from 'vue'
...
- 53
0
votes
1
answer
247
views
Bootstrap 5 tabs not changing based on tab click in vue 3 project
I am trying to build a vue3 app with bootstrap 5. I am adding tabs. I am able to click on the tabs, but the tab-content is stuck on the initial tab. How do I fix that?
package.json:
{
"name&...
- 1,381
3
votes
1
answer
2k
views
How to use Bootstrap 5 with VueJS 3
I am currently learning Vue.js and have some experience with Bootstrap. When I saw you can use Bootstrap with Vue.js, I thought I would try it out. My code is rather simple, a dropdown and a popover. ...
- 998
0
votes
0
answers
138
views
import 'bootstrap/dist/js/bootstrap.js' vs import 'bootstrap'
I've used to include bootstrap inside my main.js file via
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'
When I needed actual JS functionality (a Dropdown) it didn'...
- 411
0
votes
1
answer
43
views
Resetting bootstrap modal after closing it
I have used bootstrap modal in my vue application, Inside the modal i have input fields and when I enter the data then submit the data and close the modal after reopening it all the previous inputs ...
- 31