tengo mi menu que tiene esta opciones
Menu
Inicio - Servicios - Experiencia - Control de calidad - Trabaja con nosotros
Y lo que me an pedido es que cuando elija algunas de las opciones del menu solo me muestra la informacion de pagina, asi como se hacia antiguamente alguien tendra algun ejempo que aya echo ese efecto con boostrap
comparto mi codigo
Código:
<body>
<nav class="navbar navbar-inverse2 navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Logo</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="#inicio"><i class="fa fa-home"></i> Inicio <span class="sr-only">(current)</span></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Servicios<span class="caret"></span></a>
<ul class="dropdown-menu navbar-inverse2">
<li><a href="#ingenieria">Ingenieria</a></li>
<li><a href="#">Fabricación</a></li>
<li><a href="#">Mantenimiento</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Experiencia<span class="caret"></span></a>
<ul class="dropdown-menu navbar-inverse2">
<li><a href="#">Procesos de ingenieria</a></li>
<li><a href="#">Diseño de equipos</a></li>
<li><a href="#">Fabricación de equipos</a></li>
<li><a href="#">Mantenimiento</a></li>
</ul>
</li>
<li>
<a href="#">Control de calidad</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Quienes somos<span class="caret"></span></a>
<ul class="dropdown-menu navbar-inverse2">
<li><a href="#">Nosotros</a></li>
<li><a href="#">Misión y Visión</a></li>
<li><a href="#">Principios</a></li>
<li><a href="#">Valores</a></li>
<li><a href="#">Certificaciones</a></li>
</ul>
</li>
<li>
<a href="#">Trabaja somos</a>
</li>
<li>
<a href="#">Contactenos</a>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div id="inicio">
<H1>ESTA SERA LA PAGINA DE INICIO</H1>
</div>
<div id="ingenieria">
<p>
INFAMECC Ingeniería empieza a posicionarse desde el año 2015 como una de las empresas líderes
en el Perú en el campo de la ingeniería para el desarrollo de proyectos industriales y el diseño de equipos mecánicos. Contamos con profesionales de destacada trayectoria quienes tienen la
experiencia en el desarrollo de diversos proyectos. Entre ellos podemos mencionar:
Desarrollo de instalaciones industriales.
Desarrollo de instalaciones mineras.
Desarrollo de instalaciones petroquímicas.
Sistemas de redes de distribución de agua y alcantarillado.
Sistemas de riego por gravedad y presurizado.
Diseño de Sistemas de Bombeo.
Diseño de Tanques Atmosféricos AWWA y API.
Diseño de recipientes a presión ASME.
Diseño de Pipelines.
Diseño de equipos mecánicos.
INFAMECC Ingeniería desarrolla sus proyectos siguiendo las recomendaciones de normativas
aplicables vigentes, tanto nacionales como internacionales, valiéndose de las mejores buenas
prácticas de la ingeniería, y haciendo uso de software especializado según sea el caso.
</p>
</div>
</body>
</HTML>
Esperando su pronta ayuda gracias
