Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown menu fontsize inherits from parent #9431

Closed
IamNaN opened this issue Aug 13, 2013 · 0 comments
Closed

Dropdown menu fontsize inherits from parent #9431

IamNaN opened this issue Aug 13, 2013 · 0 comments
Milestone

Comments

@IamNaN
Copy link

IamNaN commented Aug 13, 2013

Place a dropdown menu in, say, an h2 tag. The button font-size is the 14px, but the menu items are h2 size.

Here is an example:

<h2>
  <a href="#">My H2 Title Text</a>
  <div class="btn-group pull-right">
    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
      Selected Option
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li><a href="#">Option 1</a></li>
      <li><a href="#">Option 2</a></li>
      <li><a href="#">Option 3</a></li>
    </ul>
  </div>
</h2>

'Selected Option' will be 14px but 'Option 1', 'Option 2' and 'Option 3' will be 34px.

I was able to get around this by adding...

.dropdown-menu li {
  font-size: 14px;
}

...to my stylesheet but I believe this is intended to be the default font-size, correct?

@mdo mdo closed this as completed in 270af4d Aug 13, 2013
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant