Stack Overflow
Stack Overflow

Questions tagged [bootstrap-vue]

Provides implementation of Bootstrap v4.3 components and grid system for Vue.js 2.6+

Bootstrap-Vue

With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the world's most popular front-end CSS library — Bootstrap v4

Resources

1266 questions
8
votes
3 answers

How to access root context from a composition function in Vue Composition API / Vue 3.0 + TypeScript?

I want to create a reusable wrapper function written in TypeScript for triggering a toast notification by using a composition function, as defined in the current specification for Vue 3.0: Composition API RFC. This example is using BootstrapVue v2.0…
ux.engineer
  • 5,300
  • 7
  • 43
  • 93
8
votes
3 answers

How to include Bootstrap-Vue in Laravel

How can I install/import/include Bootstrap Vue into my laravel project? I am new in Vue, I know how to install in a Vue JS application, but how can I add it laravel? app.scss // Fonts @import…
Santanu Biswas
  • 91
  • 1
  • 2
  • 8
8
votes
1 answer

b-tooltip css not working when installing using npm package manager

I am currently working on making a component much like the contribution graph from Github and struggling a bit to share it as an npm package. The component vue-contribution-graph packaged with npm doesn't display the tooltip properly. The CSS for…
Estelle
  • 81
  • 3
8
votes
2 answers

Change text colour with bootstrap-vue navbar item-dropdown

I am using Bootstrap-Vue to write a web page, but I have trouble changing the text colors on the Bootstrap navbar, especially the b-nav-item-dropdown tag. I have tried using
Duncan Hui
  • 207
  • 1
  • 3
  • 10
8
votes
1 answer

How to navigate to specific tab in Bootstrap-vue tabs in vue routes?

I am using Bootstrap-vue tabs. This is HTML for tabs:
Dogs here
Cats here Here is the route for…
ace
  • 12,531
  • 35
  • 100
  • 167
8
votes
1 answer

vertical spacing with Bootstrap Vue

I am using {{ reptile.name }} …
James A Mohler
  • 10,562
  • 14
  • 41
  • 65
8
votes
2 answers

Bootstrap-vue b-table: How to set an css-Class for inactive rows?

I am using vue2 with bootstrap-vue. Actually I have a b-table with some fields. One of the fields is 'released' with a boolean value (true/false). I want to have a css class on every row, where the value of the field 'released' is false. For example…
Mark
  • 81
  • 1
  • 3
7
votes
2 answers

How can solve the ERROR [BABEL] maximum size 500KB issue in server?

I am using NUXTJS application for an SSR page, but i am getting an error of bootstrap-vue icon size issue. The file is hosted in AWS server and this will be the error The code generator has deoptimised the styling of…
Syam kumar KK
  • 354
  • 5
  • 24
7
votes
1 answer

Vue and Bootstrap Vue - dynamically use slots

I'm trying to make in a bootstrap-vue table a slot to render any boolean value with a custom component. So I have a simple table Now if i want to render a single column in a particular way i…
besmart
  • 2,130
  • 10
  • 42
  • 86
7
votes
3 answers

How to make a modal fullscreen?

I am trying to make a bootstrap vue modal fullscreen. Which css classes should I override, I want to do this in a scoped style in the component that will use this modal.
ConfusedCoder
  • 197
  • 1
  • 2
  • 11
7
votes
2 answers

Bootstrap Vue Dynamic table templating

I am working with Bootstrap Vue JS table component to create a datatable: https://bootstrap-vue.js.org/docs/components/table I am new to VueJS and am uncertain on how to approach this problem which makes searching for a solution even more…
nebulousGirl
  • 1,404
  • 2
  • 13
  • 23
7
votes
4 answers

Bootstrap-vue b-table with filter in header

I have a table generated with bootstrap-vue that shows the results of a system search. The Results Table shows the records to the user, and the user can sort them and filter them. How can I add the search field underneath the table header …
Adriano
  • 2,862
  • 4
  • 25
  • 37
7
votes
1 answer

bootstrap-vue: import specific css

I want to use a tooltip from the bootstrap-vue. When I add import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' to get the tooltip style, then the whole view of my application is changing. Is it possible to import…
Flora
  • 323
  • 6
  • 17
7
votes
3 answers

Make bootstrap-vue b-table 'Id' column invisible

I have a bootstrap-vue table (b-table) in the data for which which I want to make an 'Id' value accessible to an event later but which I want to hide from the table render. I thought I saw a way to do this by binding the 'Id' to a row.key or…
Redeemed1
  • 3,786
  • 7
  • 33
  • 59
7
votes
2 answers

Rendering custom styles in bootstrap-vue

I'm trying to add some custom styles to a dropdown menu component which uses Bootstrap-Vue. I'm using the documentation here. Here is my template:
sandramedina
  • 97
  • 1
  • 1
  • 6
1
2
3
…
84 85