Design of lable broken.

Topic: Design of lable broken.

Sekra24 pro asked 6 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

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

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 6 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 Wierzbicka staff commented 6 years ago

You're welcome.

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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

Sekra24

Pro User 12Support score
9Questions 8Answers 1Snippets