CODEWITHSUNDEEP
cssresponsive-design
user3675188
user3675188

Reputation: 7419

How could I align the label and select box

I included this theme in my website

and It seems label and select dropdown can not be aligned well.

How could I fix the the layout broken problem ?

here's the live demo http://lazyair.co/user/index

Upvotes: 1

Views: 50

Answers (3)

Neo
Neo

Reputation: 1469

You should remove margin-top from:

/* line 5, /home/poc/lazy-bird-website/app/assets/stylesheets/city.scss */
#nav-btn-monthly, .btn, .btn-large, .btn-flat {
  padding: 0 0.1rem;
  width: 90px;
  /* margin-top: 20px; */
  color: white;
  font-size: 1.0rem;
}

Upvotes: 1

user1162084
user1162084

Reputation: 462

<button type="button" class="btn dropdown-toggle selectpicker btn-light" data-toggle="dropdown" title="高雄" aria-expanded="false"><span class="filter-option pull-left">高雄</span>&nbsp;<span class="caret"></span></button>

you can remove the top margin from this button for this select field only.

Upvotes: 2

Jared
Jared

Reputation: 758

Remove the 20px top margin from the drop-down:

.btn.selectpicker{
    margin-top:0;
}

Upvotes: 2

Related Questions