Problema con menu desplegable

Hola a todos por aqui. Estoy empezando co bootstrap y me he topado con un inconveniente que no se como resolver, tengo un html con un menu desplegable en el head tengo lo sig

<link href="../CSS/disenio.css" rel="stylesheet">
<link href="../CSS/menu.css" rel="stylesheet">
<link href="../css/bootstrap.css" rel="stylesheet">

el menu funciona bien solo que no me esta tomando el menu.css, si le borro el bootstrap.css si se muestra todos los colores del menu pero si agrego esa linea, el menu se muestra en tono negro

estoy llamando 2 veces el bootstrap.css el normal y comprimido pero omitiendo alguna de las 2 el menu sigue sin mostrarse con los colores que estableci en el menu.css

Respuestas

#1

El orden debe ser primero el bootstrap e ir asignando según corresponda, teniendo en cuenta que lee los .css o cualquier contenido de arriba hacia abajo, osea debes poner de último el personalizado tuyo siempre.

<link href="../css/bootstrap.css" rel="stylesheet">
<link href="../CSS/disenio.css" rel="stylesheet">
<link href="../CSS/menu.css" rel="stylesheet">