Design of lable broken.


Topic: Design of lable broken.

Sekra24 pro asked 7 years ago

Hey guys, I have the following code:
<form class="md-form">
    <div class="row">
        <div class="col-md-6">
            <select class="mdb-select">
                 <option value="" disabled selected>x</option>
            </select>
            <label>Country</label>
        </div>
    </div>
</form>

The lable is too left and not aligned with the select-field. 

I think it is because of the class ".md-form label" with left: 0; statement.

Thank you for your assistance.

Sebastian

Marta Szymanska staff pro premium answered 7 years ago

Hi, I'm not sure why you need .md-form wrapper for select? When you use standard code for .mdb-select (below), everything is fine. Could you explain this? I'll try to help.
<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>
Best, Marta

Sekra24 pro commented 7 years ago

Thank you marta! Now I got it. The naming of md-form was a little bit confusing because I thought it should be used along with the tag. All fine now. It is working. :) Thank you.

Marta Szymanska staff pro premium commented 7 years ago

You're welcome.

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

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