<!DOCTYPE html> 
<html lang="es"> 
  <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> <!–Con esto garantizamos que se vea bien en dispositivos móviles–> 
    <title>Mi primer proyecto con Bootstrap</title> 
 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <!–Llamamos al archivo CSS de Bootstrap –>
    <link href="css/mi_hoja_de_estilos.css" rel="stylesheet" media="screen"> <!–Llamamos a nuestro archivo de CSS personalizado  –> 

  </head> 
  <body> 
    <h1>¡Hola mundo!</h1> 
 	<p> Hola a todos desde OpenWebinars.net, mi primera web con Bootstrap ;(</p>	 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!– Importante llamar antes a jQuery para que funcione bootstrap.min.js   –> 
    <script src="js/bootstrap.min.js"></script> <!– Llamamos al JavaScript de Bootstrap –> 
  </body> 
</html>

External CSS

  1. //maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.