Nie można ponownie zdefiniować rozmiaru czcionki listy rozwijanej menu BootStrap

Question

Najtrudniej próbuję zmienić definicję rozmiaru czcionki w klasie BootStrap.

Inspektor Firefox twierdzi, że pochodzi z .dropdown-menu (odziedziczonego po ul), więc spróbowałem ul.dropdown-menu, .dropdown-menu, ale bez powodzenia.

<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> 
         ... 

Wszelkie porady? Dzięki.

Answer 1

Wygląda na to, że używasz go w połączeniu z nawigacją?

Udało mi się to zrobić przy pomocy nav i odrobiny CSS.

BOOTPLY

CSS:

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

Answer 2

Połóż bootstrap powyżej, a następnie swój zwykły plik css w cel. A następnie napisz swoje css w pliku style.css.

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