Bootstrap

Bootstrap is a popular front-end framework that streamlines website design. It allows for the creation of easy and responsive web layouts.
Here are 21,248 public repositories matching this topic...
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
-
Updated
Jan 27, 2020 - HTML
.jsx instead of .js
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
Methods i feel are missing or inconsistent (Removing row by index,Expand/Collapse row by unique id)
I might be missing these methods, or easy implementation but I just can't seem to find them in the documentation and examples.
Removing row by index. - You insert and update row by index, however removing row is suddenly by definite field and value or unique Id. I often missed ability to remove a row by its index instead of having to look for a value in that one specific row so that i can remov
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:
- **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>
To show all navigation items which belong to one category, I use the "show" class for the active menu.
Now, on mobile devices, the menu always opens. Is there a possibility to change the behaviour?
document camera
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
-
Updated
Jun 3, 2020 - HTML
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:
Plunker/StackBlitz that reproduces the issue
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
-
Updated
Apr 7, 2019 - JavaScript
-
Updated
Jun 11, 2020 - Java
-
Updated
Jun 12, 2020 - JavaScript
-
Updated
Feb 4, 2020 - HTML
-
Updated
Feb 28, 2020 - HTML
-
Updated
Jun 10, 2020 - Python
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",
Created by Mark Otto, Jacob Thornton
Released August 19, 2011
- Organization
- twbs
- Website
- getbootstrap.com
- Wikipedia
- Wikipedia
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