Topic: Spacing between selects

lukas.koch free asked 6 years ago


Hello, in your example at: https://mdbootstrap.com/angular/forms/material-select/

the selects have a nice and good looking horizontal space between them, but when i use your provided example code and try to horizontaly stack them it looks like this: https://imgur.com/a/VTyDt6V

instead of this: https://imgur.com/a/GtCc96F

<div class="row">
 <div class="col-md-6">
  <mdb-select [options]="optionsSelect1" placeholder="Choose your option" class=""></mdb-select>
  <label>Select 1</label>
 </div>
</div>
<div class="row">
 <div class="col-md-6">
  <mdb-select [options]="optionsSelect2" placeholder="Choose your option" class=""></mdb-select>
  <label>Select 2</label>
 </div>
</div>
<div class="row">
 <div class="col-md-6">
  <mdb-select [options]="optionsSelect3" placeholder="Choose your option" class=""></mdb-select>
  <label>Select 3</label>
 </div>
</div>

So my question is: What should I do so that my selects look like the ones in your example?

Could you maybe send me the html code you used for your example?

best regards,

lukas

 



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
Tags