Use Bootstrap

https://usebootstrap.org/docs

Admin

Use Bootstrap is a Nuxt module that provides powerful Vue components for building fast, responsive...

Tokens:1,142

Snippets:2

Trust Score:6.4

Update:1 year ago

Show doc for...

Tokens:

Raw

### Install use-bootstrap Module

Source: https://usebootstrap.org/docs/index

Installs the use-bootstrap module for Nuxt.js projects using npm. This command is used for initial setup and integration.

```bash
npx nuxi@latest module add usebootstrap
```

--------------------------------

### Vue Dropdown Component Example

Source: https://usebootstrap.org/docs/index

Demonstrates the usage of the Dropdown component from the use-bootstrap module in a Vue.js template. It includes a toggle button and a dropdown menu with items.

```vue
<template>
 <Dropdown>
  <DropdownToggle color="primary">
   Droppdown
  </DropdownToggle>
  <DropdownMenu>
   <DropdownItem
    v-for="item in [1, 2, 3]"
    :key="item"
   >
    DropdownItem
   </DropdownItem>
  </DropdownMenu>
 </Dropdown>
</template>
```

Tokens:

Raw