Tutorial #9 del curso de BootStrap 3.2, en este tutorial veremos el uso de push y pull otras clases extra del sistema de grillas de bootstrap, que nos permiten por un lado push enpujar columnas hacia la derecha la cantidad de espacios necesarios, y lo opuesto pull que nos permite halar hacia la izquierda columnas según número de espacios requeridos, combinando ambos podemos intercambiar la posición de las columnas, con esto finalizamos el sistema de grillas.
Código:
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Grilla Push pull</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"> <div class="row"> <div class="col-md-6 col-md-push-6 well"> (Izquierda) Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div> <div class="col-md-6 col-md-pull-6 well"> (Derecha) tincidunt ut laoreet dolore magna aliquam erat volutpat. </div> </div> </div> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.js"></script> </body> </html>