In our docs we check for the name of the colors to apply a light or dark color:

https://github.com/twbs/bootstrap/blob/master/site/content/docs/4.3/utilities/colors.md#L33

We could add this to the theme-colors.yml file like this:

- name: primary
  hex: "#007bff"
  contrast_color: white
- name: secondary
  hex: "#868e96"
  contrast_color: white
- name: success
  hex: "#28

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

Describe the bug

I am use bootsrap vue in my nuxt js project and I always import the components that I have used on my project in order to ensure that no extra CSS gets added in my production code. But even after doing that when I created the production build of my site and went to view source I can still see many bootstrap css which are not being used anywhere in the project and also not

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: modal
• reactstrap version #6.4.0
• import method es
• react version #16.4.0
• bootstrap version #4.1.1

What is happening?

If you open the modal, focus any browser element (e.g. address bar), and start to press the tab key to move the focus forward body elements get the focus as usual.

What should be happening?

As described in https://www.w3.org/TR/w

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