Spacing between selects


Topic: Spacing between selects

Lukas@artemes 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

Open

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