Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

BS4 checkbox

See original GitHub issue

I’m having troubles with at least the “Spacelab” theme. I’m embedding it like described in the docs:

@import "bootswatch/spacelab/variables";
@import "bootstrap/scss/bootstrap";
@import "bootswatch/spacelab/bootswatch";

The output will be:

example-checkbox

The checkmark is missing (you can only see the blue background). Furthermore the example shows something completely different:

checkbox

This is how it should look like and how it looks like without Bootswatch (default BS4):

checkbox-no-bootswatch

Issue Analytics

State:
Created 7 years ago
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

jenilcommented, Jan 6, 2017

hey @julmot

Checkboxes and Radio buttons are not styled by Bootstrap or Bootswatch, they are rendered by the browser with default styles.

This is how Spacelab looks for me:

0reactions

stale[bot]commented, Apr 13, 2018

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Top Results From Across the Web

Bootstrap 4 Form Inputs - W3Schools

Bootstrap supports the following form controls: input; textarea; checkbox; radio; select. Bootstrap Input. Bootstrap supports all the HTML5 input types: text, ...

Forms - Bootstrap

Checkboxes and radios use are built to support HTML-based form validation and provide concise, accessible labels. As such, our <input> s and <label>...

Bootstrap Checkbox - examples & tutorial

Checkboxes built with the latest Bootstrap 5. A select component used in forms & surveys. It enables choosing one or several options in...

BS4 checkboxes - CodePen

<span class="custom-control-indicator"></span>. 17. <span class="custom-control-description">Check this custom checkbox</span>.

Bootstrap 4 Toggle Switch Button Checkbox - GitHub Pages

Bootstrap Switch Button. Bootstrap Toggle is a jQuery plugin/widget that converts plain checkboxes into responsive toggle switch buttons. Made for Bootstrap ...