Skip to main content

4 Cursos de BootStrap3.2 – Sistema de grillas 1


Tutorial #4 del curso de BootStrap, en este tutorial veremos el sistema de Grillas de BootStrap, el cual nos permitira realizar nuestro diseño adaptable veremos un pequeño ejemplo de grilla básica y en los siguientes tutoriales seguiremos viendo más sobre grillas, ademas veremos como crear un snipped para sublime tex v2.

ejemplo.php

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>ejemplo1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
</head>
<body>
  
  
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-12">
        
        Lorem Ipsum es simplemente el texto de relleno de las 
imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las
industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la 
imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró 
hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien 
ingresó como texto de relleno en documentos electrónicos, quedando esencialmente 
igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", 
las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, 
como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.
      </div>
    </div>

  </div>

  <script src="js/jquery-1.11.1.min.js"></script>
  <script src="js/bootstrap.js"></script>
</body>
</html>

 

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.