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 10,657 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>
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
-
Updated
Jul 8, 2020 - HTML
I run into this project and want to build more components for it. Can we have a possible guideline for new contributors?
-
Updated
Jun 25, 2020 - JavaScript
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>
-
Updated
Jun 28, 2020 - HTML
-
Updated
Jul 10, 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
Jun 21, 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
Jul 8, 2020 - HTML
-
Updated
Jul 12, 2020 - HTML
-
Updated
Jun 29, 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
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
-
Updated
Jun 29, 2020 - JavaScript
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"
Nothing happens at the moment when clicking the form help: https://tabler-react.com/form-elements (It's next to the zip code box).
<Form.Help message={<><p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class="mb-0"><a href="#">USP ZIP codes lookup tools</a></p></>} />
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