search

pikock / bootstrap-magic

Bootstrap themes generator made with AngularJS
https://pikock.github.io/bootstrap-magic
Other
1.8k stars 492 forks source link

Form-check-inline Formatting Issue #69

Closed anthony-salutari closed 3 years ago

anthony-salutari commented 6 years ago

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.

image

Now when I substitute the bootstrap-magic css everything goes all wrong and looks like this.

image

<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
  <label class="form-check-label" for="inlineCheckbox1">1</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
  <label class="form-check-label" for="inlineCheckbox2">2</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" disabled>
  <label class="form-check-label" for="inlineCheckbox3">3 (disabled)</label>
</div>