Aplicando estilos con Bootstrap

Crearemos un menu horizontal para integrar los links hacia las páginas productos y promociones, crearemos nuestros layout de contenidos con container

Lección 5 del Curso Android PHP MYSQL Lector QR

Aplicando estilos con Bootstrap

Agregar estilos desde las CDN de Bootstrap a la aplicación web

DESCRIPCIÓN DE LA LECCIÓN

En este 5 video, mostraremos como integrar la librería Boostrap en su últma versión 4.2.1 para aplicar diseños predeterminados que nos trae este gran framework de maquetación CSS para html.

Además de ello crearemos un menu de navegación horizontal. Tambien crearemos las páginas productos y promociones que contendrán el código para el CRUD de cada tabla respectivamente.

Vincularemos o enlazaremos  el menu de navegación a las páginas creadas.

CÓDIGO MENU HORIZONTAL CON BOOTSTRAP 4.2.1

<?php if(isset($_SESSION['administrador'])): ?>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container">
  <a class="navbar-brand" href="<?php echo urlsite ?>">QR APPTIVA</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">  	
	    <ul class="navbar-nav">
	      <li class="nav-item active">
	        <a class="nav-link" href="?pagina=index">HOME <span class="sr-only">(current)</span></a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="?pagina=productos">PRODUCTOS</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="?pagina=promociones">PROMOCIONES</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="<?php echo urlsite ?>procesos/logout.php">CERRAR SESIÓN</a>
	      </li>
	    </ul>
	</div>
</div>
</nav>
<?php endif;?>

En el siguiente video empezaremos con el CRUD  de la tabla PRODUCTOS.


POR LA COMPRA DEL CURSO COMPLETO

  • MIRA TODOS LOS VIDEOS SIN RESTRICCIÓN
  • TEN ACCESO AL CURSO DE POR VIDA
  • DESCARGA TODO CÓDIGO FUENTE DEL PROYECTO
  • ACCESO A CURSOS Y RECURSOS GRATIS

Android PHP MYSQL Lector QR

1239 visitas

Logo Codea App

Develop your code

Perú, México, Colombia, España, Venezuela, Argentina, Bolivia

You Fb Tik Pin

© Todos los derechos reservados CODEA APP | Cursos de programación avanzados con proyectos reales | 2020 - 2021