lunes, 3 de octubre de 2016

Clase Laboratorio Digital Diseño Web semana 03/10/2016



Código utilizado 

Código Ocupado

Nav

<nav class="navbar navbar-default">
   <div class="navbar-header">
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
   <span class="sr-only">Inicio</span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
            <span class="icon-bar"></span>
   </button>
        <a href="#" class="navbar-brand">Inicio</a></div>
     
        <div class="collapse navbar-collapse navbar-ex1-collapse">
         <ul class="nav navbar-nav">
         <li><a href="#">Quienes Somos</a></li>
         <li><a href="#">Galería</a></li>
         <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Productos<b class="caret"></b></a>
                 <ul class="dropdown-menu">
                 <li><a href="#">Productos 1</a></li>
                 <li><a href="#">Productos 2</a></li>
                 <li><a href="#">Productos 3</a></li>
                 </ul>
                </li>
         </ul>        
        </div>
  </nav>


SideBar

<section id="mislide" class="carousel slide">
         <ol class="carousel-indicators">
         <li data-target="#mislide" data-slide-to="0" class="active"></li>
         <li data-target="#mislide" data-slide-to="1"></li>
         <li data-target="#mislide" data-slide-to="2"></li>
         </ol>

          <div class="carousel-inner">
             <div class="item active">
                 <img src="img/silverado.jpg" class="adaptar">
            </div>
             <div class="item">
                 <img src="img/f150.jpg" class="adaptar">
                </div>
             <div class="item">
                  <img src="img/tundra.jpg" class="adaptar">
            </div>
            </div>
       
            <a href="#mislide" class="left carousel-control" data-slide="prev">
             <spam class="glyphicon glyphicon-chevron-left"></spam>
            </a>
            <a href="#mislide" class="right carousel-control" data-slide="next">
             <spam class="glyphicon glyphicon-chevron-right"></spam>
            </a>
       
        </section><br>

No hay comentarios.:

Publicar un comentario