Topic: components are not on the same line

Delari pro asked 6 years ago


When I insert a drop-down list and a text box, the CSS style is not on the same line

this problem is identified precisely when inserting a drop-down list + text field

my code

<main>
<div class="container-fluid">
<section class="card card-cascade narrower mb-5">
<div class="row">
<div class="col-12">
<div class="view view-cascade py-3 gradient-card-header info-color-dark">
<h5 class="mb-0">Head</h5>
</div>
<form asp-action="Create" method="post">
<div class="card-body">
<div class="form-row">
<div class="form-group col-10">
<div class="md-form">
<select class="mdb-select">
<option value="" disabled selected>Choose your option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<label>Example label</label>
</div>
</div>
<div class="form-group col-2">
<div class="md-form">
<div class="md-form">
<input type="text" id="form1" class="form-control">
<label for="form1" >Example label</label>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</section>
</div>
</main>

 


Marta Wierzbicka staff answered 6 years ago


Hi, we will fix this bug in another release. For now, you can use this code to fix this: .select-wrapper input.select-dropdown { height2.4rem; } Best, Marta

Delari pro commented 6 years ago

the line has no rupture, showing the difference of one component from another

Marta Wierzbicka staff commented 6 years ago

I'm not sure what you mean now. Please, specify how I can help you.


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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags