We should have a look at combining the CSS of the docs and Bootstrap into one file. We'll be able to extend the theme-color map and extend the utility API for utilities we only use in the docs.

Related PR: twbs/bootstrap#28500 (this one was closed since our build setup has changed)

Test Case

https://codepen.io/valendres/pen/NzqyqN

Summary

Using @extend inside a ::before or ::after pseudo selector can result in invalid css, causing styling to not be applied to target elements. This happens when attempting to apply styling to elements within a .btn

Expected result

To be able to apply css on specific elements within a .btn.

Additional Informa

My apologies for posting this as a bug.

Yet I would like to know is there a way to simply customize the theme colour variants (i.e. 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'link') globally without specifying it for every type of components?

In pure bootstrap, we can do something like this in scss

$theme-colors: (
  "primary": #0074d9,
  "d

I would like to display only first/prev/next/last buttons (no page numbers).
But for pagination component there is minimum supported value for limit prop set to 3 according to docs.

  <b-pagination
    v-model="currentPage"
    :limit="0"
    :total-rows="totalRows"
    :per-page="perPage"
    size="sm"
    class="float-sm-right mb-0"
  ></b-pagination>

Some suggestions to improve the documentation of bootstrapTable:

• column option "sorter": please include expected return values for custom sorter function (it was only through guessing that I found out it's actually -1, 0, 1)
• table options/column options/events/methods: please sort the options/methods in alphabetical order - also in the index in the right column (it's very tedious to scan f

I'm making a data-heavy display with compact form controls and bootstrap-select seems to fit all my needs except it doesn't seem to have support for sizing.

In bootstrap3 my elements were all input-xs. Now with bootstrap4 that's been removed, so they're form-control-sm.

Are there options to make bootstrap-select elements at least as small as form-control-sm? They look totally out of plac

• components: button
• reactstrap version 8.0.1

The bootstrap 4 js adds focus class to the styling of buttons on the focus event and removes it on the blur event. This helps for keyboard navigation of buttons.

https://github.com/twbs/bootstrap/blob/3d12b541c488ea09efced2fb987fcbf384c656bb/js/src/button.js#L164-L178

Reactstrap should do the same.

Hi there, how could I integrate the MDI with Nuxt.js?
Thanks

Is there a way to put a FontAwesome instead of text on data-on-text and data-off-text? Thanks

Newer versions fail for me - does the README need "@angular/animations" to be added as a required dependency (or better yet, via the package.json so we don't need to explicitly install it)?

ERROR in ./node_modules/ngx-bootstrap/collapse/fesm5/ngx-bootstrap-collapse.js
Module not found: Error: Can't resolve '@angular/animations' in '<redacted>/node_modules/ngx-bootstrap/collapse/fesm5'
``

Hello 👋 this isn't a question about octobox tech itself, but on the process of donating.

tl;dr - does anybody know if there's a way to pay for a year's worth of octobox instead of month-by-month?

I saw that it's possible to support octobox "the company", which I'd like to do via a grant that we've got (I work at an educational institution so money flows through grants). However, I couldn

Expected Behavior

Fix this error: Another definition with same name exis