bootstrap4

Bootstrap is a popular front-end framework that streamlines website design. It allows for the creation of easy and responsive web layouts.
Here are 9,861 public repositories matching this topic...
Not a single form field has a label. These designs are not usable and the patterns presented should be discouraged.
I suggest adding a validation check like Nu Validator, aXe, lighthouse, etc. to show all the places this markup is invalid.
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
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
Using Material-Kit, I'm unable to figure out how to get the date/time picker to be restricted to time only. Looking at the instructions on GitHub for the plugin as referenced on the Material Kit's documentation and website, the instructions are not clear -- they show how to do it for an older version, but Material Kit is using a modified version, and the instructions shown do not work. Has anyon
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?
-
Updated
May 21, 2020 - HTML
I run into this project and want to build more components for it. Can we have a possible guideline for new contributors?
When you open page UI Elements -> Cards i see TABS are not showing content until you click on other and back on first, same for pills.
Possible fix : ( worked for me )
<script type="text/javascript"> $(document).ready(function(){ $('.nav-item').tab('show'); $('.nav-tabs li a:first').trigger('click'); }); </script>
The final build is too large. I checked the build folder and looks like it's not optimizing the bundle. The build/static/media contains all flags SVGs. And I haven't used a single flag SVG in my project.
Folder sizes:
- build/static/css - 905 KB
- build/static/js - 14 MB
- build/static/media - 7.8 MB
I can delete the media
folder straight away and still get my app running successf
-
Updated
May 15, 2020 - HTML
-
Updated
Apr 15, 2020 - Vue
It would be great to migrate tests to use new Angular Material Component Test Harness in the unit tests.
The migration should be mostly mechanical as it's basically replacing ad-hoc selectors with the selectors provided by the @angular/cdk
.
Test can be run in watch mode using npm run watch
...
-
Updated
May 20, 2020 - JavaScript
I am using the checkbox in a table. You can see that padding-left
introduces a clickable area to the right of the checkbox (I've highlighted it in the image with a red border).
If you hover over any of these, the cursor changes to 'pointer', and if you click anywhere in the red bo
-
Updated
Apr 26, 2020 - HTML
-
Updated
May 21, 2020 - HTML
I'm creating a feedback modal for the site I'm working on, and want to add inline radios.
When I remove the bootstrap-magic css and use the default bootstrap css it looks as it's supposed to.
Now when I substitute the bootstrap-magic css everything goes all wrong and looks like th
-
Updated
Apr 30, 2020 - HTML
Prerequisites
Please answer the following questions for yourself before submitting an issue.
- [x ] I am running the latest version
- [x ] I checked the documentation and found no answer
- [x ] I checked to make sure that this issue has not already been filed
- [x ] I'm reporting the issue to the correct repository (for multi-repository projects)
Expected Behavior
At the desired
Expected Behavior
When visiting the Shards UI demo page, using the left and right tooltip/popover examples places the info on the opposite of the expected side of the element.
Using data-placement="left"
should place elements on the left. Similarly data-placement="right"
should place elements on the right.
Current Behavior
Example screenshots:
 NOT NULL ...Exception: SQLSTATE[42601]: Syntax error: 7 ERROR: syntax error (near: "NOT")
LINE 1: ...BLE "article" ALTER COLUMN "slug"
-
Updated
Feb 13, 2020 - JavaScript
Created by Mark Otto, Jacob Thornton
Released August 19, 2011
- Organization
- twbs
- Website
- getbootstrap.com
- Wikipedia
- Wikipedia
Issue type
I'm submitting a ... (check one with "x")
Issue description