Button has weird checkbox field

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Button has weird checkbox field

BeniReydman asked 6 years ago

I was following link, but I get this annoying checkbox that appeared on my buttons and I have no clue why as I followed exactly what they had written. https://imgur.com/a/FsyB2uI I tried editing my code, but I don't know how to get rid of this checkbox that is beside every one of my images. For context I currently have 2 divs(rows) inside my container, 1 taking 92% of height the other taking 8% set in css. CSS: 
.buttons {
height: 8%;
}
HTML: 
<div class="row buttons>

<!-- Bottom 5 Buttons -->
<div class="btn-group" role="group" data-toggle="buttons">

<label class="btn btn-light-blue form-check-label">
<input class="form-check-input" name="options" type="radio" id="option1" autocomplete="off">
<i class="fa fa-question"></i>
</label>

<label class="btn btn-light-blue form-check-label">
<input class="form-check-input" name="options" type="radio" id="option2" autocomplete="off">
<i class="fa fa-question"></i>
</label>

<label class="btn btn-light-blue form-check-label active">
<input class="form-check-input" name="options" type="radio" id="option3" autocomplete="off" checked>
<i class="fa fa-home"></i>
</label>

<label class="btn btn-light-blue form-check-label">
<input class="form-check-input" name="options" type="radio" id="option4" autocomplete="off">
<i class="fa fa-question"></i>
</label>

<label class="btn btn-light-blue form-check-label">
<input class="form-check-input" name="options" type="radio" id="option5" autocomplete="off">
<i class="fa fa-cog"></i>
</label>

</div>
</div>

Marta Szymanska staff pro premium answered 6 years ago

Hi, please present your problem here: https://mdbootstrap.com/snippets/. Create a snippet with your code and tell me where is the problem. I'll check your code and try to find a solution. Best, Marta
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: N/A
  • Browser: chrome
  • OS: Winodws
  • Provided sample code: No
  • Provided link: Yes
About author
BeniReydman
0Support score
0Questions 0Answers
0Snippets likes 0Snippets