In twbs/bootstrap#30414 we discovered the skip links do not look that well if backported to v4:

We could also improve the theming in v5, in some viewports, it also covers a critical part of the navbar
![image](https://user-images.githubusercontent.com/115592

When you render an alert within a modal the close classes clash impacting the alert icon.

Device

• Browser [*]
• OS: [*]

To reproduce

Steps to reproduce the behavior:
https://jsfiddle.net/1xejsv5w/

Screenshots

See jsfiddle above.

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

Type of issue: (feature suggestion, bug?)

Suggestion

Chapter:

no-chapter

Why use .jsx instead of .js? It's not a best practice: facebook/create-react-app#87 (comment)

I am a new user and as soon as I found out about what this does it opened up a whole new set of things I could do with react-bootstrap.

Expected behaviour

Month should be disabled automatically if all dates of the month are disabled, for instance when using the datesDisabled option or the setDatesDisabled() method

Actual behaviour

the month stay enabled if all dates are disabled

Datepicker version used

1.9.0

Example code

Follow up from #4453

Currently, documentation for <b-table> really only discusses and provides examples for the row-selected event:
https://bootstrap-vue.org/docs/components/table/#row-select-support

The only places the row-clicked event is mentioned are:
https://bootstrap-vue.org/docs/components/table/#data-row-accessibility
https://bootstrap-vue.org/docs/components/table/#comp-re

• I've read the guidelines for Contributing to Roots Projects
• This request isn't a duplicate of an existing issue
• I've read the docs and followed them (if applicable)
• This is not a personal support request that should be posted on the [Roots Discourse](https://discourse.roots

https://jsfiddle.net/7os91g7n/20/

Reproduction steps:

1. Extend manually columns, so the sum of their widths is larger than container size. The table becomes horizontally scrollable because of resizeMode: 'overflow'.
2. Scroll to the right till the end.
3. Drag the last column (E) to the left.

Existing behavior:
The transparent picture of the column is dragged with an offset from the

I didn't see any way to send this feedback from the website, so I'm posting here as an issue.

The installation docs lists the following clone url:

https://github.com/coreui/free-bootstrap-admin-template.git

when in fact it should be this repo's url:

<https://github.com/coreui/coreui-free-bootstrap-admin-template.g

• components: Input, CustomInput, CustomFileInput
• reactstrap version #8.4.1
• import method es
• react version #16.12.0
• bootstrap version #4.3.1

What is happening?

Input's that are invalid (i.e. have the invalid prop set to true), do not have the aria-invalid attribute applied.

What should be happening?

Invalid input's have aria-invalid attribute.

Ste

Before posting, please see guidelines for contributing. If you're submitting a bug report, see below.

Bug reports

A bug is a demonstrable problem that is caused by the code in the repository.
Good bug reports are extremely helpful - thank you!

Guidelines for bug reports:

1. **Use the GitHub issue

Reproduction:
Go to https://mdbootstrap.com/docs/jquery/components/pagination/ , check the generated html code for one of the pagination expamples, there are two "waves-effect" in a element class.

<li class="page-item"><a class="page-link waves-effect waves-effect">2</a></li>

the variable $topbar-base-height is used for adjusting the height of
.sidebar-brand & .topbar class.
But the variable is statically declared without the !default keyword.

This forces user to modify sb-admin2 theme, because they can't override the variable.

So please add a !default keyword for $topbar-base-height variable

I wrote a app for an document camera. I have drawn two icons: document-camera and document-camera-off. I used the icon cctv as a starting point. Maybe someone else needs this icons. I want to contribute this two icons.

[document-camera.zip](https://github.com/Templarian/MaterialDesign/files/3699339/docu

Bug description:

Accordion Custom header demo does not follow WAI-ARIA Authoring Practices for accordion.

The title of each accordion header is contained in an element with role button.
Each accordion header button is wrapped in

What is your enhancement?

New Feature Request:
We would like to add a navbar with logo on the left side of the page. This should work with CSS, not any javascript included.

Bug description

For a custom tab heading with an input element. It is not possible to insert a space in this input.
It seems that the space is not possible because of this code block:

https://github.com/valor-software/ngx-bootstrap/blob/161f419c67daed188ad7a936aad4875f2cbc4dd5/src/tabs/tabset.component.ts#L101-L107

Plunker/StackBlitz that reproduces the issue

https://stackblitz.c

https://bttstrp.github.io/bootstrap-switch says:
Currently v3.3.4 · Compatible with Bootstrap 2 and 3

It should say:
Currently v3.4.0 · Compatible with Bootstrap 2 and 3

Expected Behavior

Fix this error: Another definition with same name exis

To add how to trigger snackbar with JS.
Adapted from docs.min.js. Code as such

//close snackbar on click
        $(".snackbar-btn").on("click", function () {
            $(this).parent(".snackbar").removeClass("show")
        });

//show snackbar on click and auto hide at either after 6000ms or button is click again to show new snackbar
        $(".snackbar-toggler").on("click",