Just an example of a full width carousel in Bootstrap
A Pen by Matt Lambert on CodePen.
| Verifying my Blockstack ID is secured with the address 12Gt8b33dcdSVhoPzYKnAHYmwPksbgbggE https://explorer.blockstack.org/address/12Gt8b33dcdSVhoPzYKnAHYmwPksbgbggE |
| <div class="alert alert-warning"> | |
| <button type="button" class="close">×</button> | |
| warning message here | |
| </div> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title><%- pageTitle %> | <%- siteTitle %></title> | |
| <link rel="stylesheet" type="text/css" href="css/theme.css"> | |
| </head> | |
| <body> | |
| <%- partial("partial/_header") %> | |
| /* CONTENTS | |
| ///////////////////////////////////// | |
| */ | |
| // 00. LESS | |
| /* | |
| 01. BASE | |
| 02. LAYOUT | |
| 03. MODULES | |
| 04. STATE |
| // colour palette | |
| @black: #000; | |
| @dark-grey: #333; | |
| @grey: #ccc; | |
| @light-grey: #ebebeb; | |
| @off-white: #f5f5f5; | |
| @white: #ffffff; | |
| @blue1: #3498db; |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="col-lg-12"> | |
| <h1>Home</h1> | |
| <p>This is my awesome theme homepage.</p> | |
| </div> | |
| </div> | |
| </div> |
| <nav class="navbar navbar-default" role="navigation"> | |
| <div class="container-fluid"> | |
| <div class="navbar-header"> | |
| <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar1"> | |
| <span class="sr-only">Toggle navigation</span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </button> | |
| <a href="index.html" class="navbar-brand">Website Name</a> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title><%- pageTitle %> | <%- siteTitle %></title> | |
| <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> | |
| <link rel="stylesheet" type="text/css" href="css/theme.css"> |
Just an example of a full width carousel in Bootstrap
A Pen by Matt Lambert on CodePen.