Un gran saludo.
Tengo una dificultad, ya cree, mi menú en Bootstrap 4, sin embargo ahora deseo que quede fijo, que se desplace con la pagina web,y no he logrado encontrar la forma de hacerlointroducir el código aquí
, puesto que ya lo cree.
Gracias, les comparto.
/*MENU*/
.topnav {
background-color: #E4276B;
overflow: hidden;
}
#maint {
font-family: "satisfy";
font-size: 2.2vw;
font-size: 2.2vh;
}
/* Style the links inside the navigation bar */
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #FFD614;
color: black;
}
.active {
background-color: #4A80BC;
color: white;
}
.topnav .icon {
display: none;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="imagenes/favicon.png" type="image/x-icon">
<title>Inicio</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="css/estilos.css">
<!--Javascript-->
<script type="text/javascript" src="js/javascript.js"></script>
</head>
<body>
<div class="topnav" id="myTopnav">
<a href="inicio.html" class="active"> <div id ="maint"> Nueva Forma</div></a>
<a href="acerca.html">Acerca de mí</a>
<a href="acerca.html">Portafolio</a>
<a href="acerca.html">Contacto</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a>
</div>
</body>
</html>