Center inline radio buttons


Topic: Center inline radio buttons

Th3Dan asked 7 years ago

I've a couple of radio buttons, which I want to display inline AND centered. Inline itself isn't a problem, centered not too. But both doesn't work. My test code:
<div class="row justify-content-md-center">
   <div class="col-md-12 form-inline">
      <div class="form-check mr-3">
         <input id="1" class="form-check-input" type="radio" mdbInputDirective required>
         <label for="1" class="form-check-label">test1</label>
      </div>
      <div class="form-check mr-3">
         <input id="2" class="form-check-input" type="radio" mdbInputDirective required>
         <label for="2" class="form-check-label">test2</label>
      </div>
   </div>
</div>

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No