Unable to override font size in BootStrap drop-down menu

Question

It's hard for me to try to override the font size of the BootStrap.dropdown-menu class.

The Firefox inspector talks about this from .dropdown-menu (inherited from ul), so I tried ul.dropdown-menu, .dropdown-menu, but no luck.

<nav class="navbar navbar-inverse" role="navigation"> <div class="container-fluid"> <div class="navbar-header"></div> <div id="myMenu" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li>First list item</li> <li id="my-messages" class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Messages</a> <ul class="dropdown-menu pull-right" aria-labelledby="dLabel" role="menu"> <li>Dropdown list item</li> ... 

Can I advise? Thank you

Answer 1

Looks like you use it in combination with navigation?

I was able to do this with a navigator and some CSS.

BOOTPLY

CSS

 .navbar-nav > li { font-size: 20px; } .dropdown-menu { font-size: 20px; } 

Answer 2

Put your boot file above and then your regular css file in the header. And then write your css in the style.css file.

 <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="all" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />