The example located at https://getbootstrap.com/docs/4.4/examples/dashboard/ loses its navigation bar on small viewports. This causes the dashboard to lose major functionality on these devices. Given that bootstrap purports to be "Mobile First," having examples that are broken for mobile devices causes confusion and time waste to users attempting to learn the bootstrap framework and best practic

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

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?)

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

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.

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

I don´t know if it´s allready possibile but I would like to programmatically activate tabs via their id instead of the index.
The index may change sometimes, but via the id the order does not matter anymore.

I thought of the following but i don´t have access to the tabs array from the outside:
tabs.find(tab => tab.id == "myId").activate();

In the docs it´s stated: "You will need a refere

• 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

The cell input extension is not documented (didnt knew that extension exists until now).
@wenzhixin The extension is also not selectable on the online editor.

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

Expected behavior

responsive styles for headings (e.g. h3-responsive) are available

Actual behavior

they're missing

Your working environment and MDB version information

using npm package version 4.8.11

Resources (screenshots, code snippets etc.)

I'm not too familiar with sass, but it looks like the problem is the !default added to the end of this line https://github.

The controls that have the "form-control-user" class hide the text and the placeholder only in IE

If I deactivate the "padding" property of the class "form-control-user" it works correctly

![image](https://user-images.githubusercontent.com/13043081/59539290-35dd3580-8ec2-11e9-8fa

The installation docs should make it clear that bootstrap's css is required, and should have a section for that, like they've done in ngx-bootstrap:

<!--- index.html -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/boot

I have:

• Searched all issues to make sure there isn't a request for this icon.
• Searched the current library to make sure the icon doesn't exist.
• Only requested a sing

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

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