The hamburger menu button in v4 and upcoming v5 documentation on small screen lacks a visible focus indication (e.g. when navigating by keyboard)

![v4 header with hamburger menu button](https://user-images.githubusercontent.com/895831/77048035-b08d3100-6

Hi,

I'm using tabler in a project where advanced lists with icons/image are required. The form examples shows some lists with those features, but I couldn't find it in the documentation. Not in the form section as well as other sections.

By look

When someone clicks Bootstrap Elements menu item on This page, gets redirected to BMD 3 elements page which is talking about BMD 3. But the download link there, is linking to version 4 (current

Type of issue: (feature suggestion, bug?)

Typo

Chapter:

4 / Webpack / Last checkpoint

In the last checkpoint documentation says:

Kill the previous processes in your terminals with Ctrl+C, then run yarn prod:build, and then yarn prod:start. Open http://localhost:8000/ and you should still see "Hello Webpack!".

I'm not quite sure but if we run first yarn prod:build before

Describe the bug

The React Bootstrap Toast is rendered on the page as hidden, whereas the Actual Bootstrap Toast has display none. This is not only not conforming with the actual bootstrap implementation (of actually having display none when a toast is not displayed, by using the "hide" class on the toast root), but is also very annoying and breaking layouts.

To Reproduce

Steps to r

Not exactly a bug or issue, but a query as why there isn't a central source of information on this.

https://ng-bootstrap.github.io/#/components/datepicker/overview
The boostrap components in that link have the datepicker, yet on the main bootstrap page it isn't mentioned:
https://getbootstrap.com/docs/4.1/components/alerts/

I'm thoroughly confused !
Which is best ? ng-bootstrap or getboos

Follow up from #4453

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

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

• 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

Only in Vue, but in online editor - all works fine
So, it should be three or four?

Not sure why but document.body is null or undefined

const getjQuery = () => {
const { jQuery } = window
if (jQuery && !document.body.hasAttribute('data-no-jquery')) {
return jQuery
}
return null
}

• 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

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

In normal data-tables i.e. when data is already available in table element in HTML the bootstrap layout works fine, like wrapping elements with "row", "col-md-6" etc works fine.
SEE THIS

When I try to populate the datatable using Ajax, bootstrap layouts are not used & things get mis-aligned.
SEE THIS

Please help with this issue.

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

I believe that the image here:
https://github.com/ng-bootstrap/ng-bootstrap/blob/a6d73d6143e414bd82a3adcfca45cab601c93ba2/demo/src/style/demos.css#L5

should comes with color versions for interactive states, so docs can be inlined with Bootstrap default outline button color palette (which implies white text/current color).

That's minor issue though.

Thanks!

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.

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

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

I did not see any reference or example in documentation regarding clean up after ajax upload. I do not wish to have thumbnail still show in preview page after successful upload.

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",