Skip to content

Instantly share code, notes, and snippets.

@jasonhofer

jasonhofer/initializr-bootstrap.html.twig

Last active January 15, 2019 21:09
Show Gist options
  • Save jasonhofer/0c4a0d2dc35fe1e39ce60217521f9be5 to your computer and use it in GitHub Desktop.
Save jasonhofer/0c4a0d2dc35fe1e39ce60217521f9be5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
initializr-bootstrap.html.twig
<!doctype html>
{% block html_tag -%}
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="{% block lang 'en' %}"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="{{ block('lang') }}"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="{{ block('lang') }}"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="{{ block('lang') }}"> <!--<![endif]-->
{%- endblock %}
<head>
<meta charset="{% block charset 'utf-8' %}">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{% block title '' %}</title>
<meta name="description" content="{% block description '' %}">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block head %}{% endblock %}
{% block favicon %}
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
<link rel="apple-touch-icon" type="image/png" href="{{ asset('apple-touch-icon.png') }}">
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
<style>
body {
padding-top: 50px;
padding-bottom: 20px;
}
</style>
<link rel="stylesheet" href="{{ asset('css/bootstrap-theme.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/main.css') }}">
{% endblock %}
{% block head_javascripts %}
<!--[if lt IE 9]>
<script src="{{ asset('js/vendor/html5-3.6-respond-1.4.2.min.js') }}"></script>
<![endif]-->
{% endblock %}
{% block head_bottom %}{% endblock %}
</head>
{% block body_tag %}<body>{% endblock %}
{% block browser_upgrade %}
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience. </p>
<![endif]-->
{% endblock %}
{% block body_top %}{% endblock %}
{% block body %}
{% block navbar %}
<nav class="{% block navbar_class 'navbar navbar-inverse navbar-fixed-top' %}" role="navigation">
<div class="container">
<div class="navbar-header">
{% block navbar_header %}
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topNavbar" aria-expanded="false" aria-controls="topNavbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{% block navbar_brand %}
<a class="navbar-brand" href="{% block navbar_brand_href '#' %}">
{%- block navbar_brand_text 'Project name' -%}
</a>
{% endblock %}
{% endblock %}
</div>
<div id="topNavbar" class="navbar-collapse collapse">
{% block navbar_content %}
<form class="navbar-form navbar-right" role="form">
<div class="form-group">
<input type="text" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input type="password" placeholder="Password" class="form-control">
</div>
<button type="submit" class="btn btn-success">Sign in</button>
</form>
{% endblock navbar_content %}
</div><!-- /.navbar-collapse -->
</div><!-- /.navbar>.container -->
</nav><!-- /.navbar -->
{% endblock navbar %}
{% block content %}
{% block content_top %}
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
</div>
</div>
{% endblock %}
{% block container %}
<div class="{% block container_class 'container' %}">
{% block container_content %}
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Heading</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<hr>
{% endblock container_content %}
{% block footer %}
<footer>
{% block footer_content %}
<p>&copy; Company 2015</p>
{% endblock %}
</footer>
{% endblock footer %}
</div><!-- /.container -->
{% endblock container %}
{% block content_bottom %}{% endblock %}
{% endblock content %}
{% endblock body %}
{% block javascripts %}
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script>window.jQuery || document.write('<script src="{{ asset('js/vendor/jquery-1.12.4.min.js') }}"><\/script>')</script>
<script src="{{ asset('js/vendor/bootstrap.min.js') }}"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover();
});
</script>
<script src="{{ asset('js/plugins.js') }}"></script>
<script src="{{ asset('js/main.js') }}"></script>
{% endblock %}
{% block analytics %}
{% if analytics.google.id is defined %}
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','{{ analytics.google.id }}','auto');ga('send','pageview');
{%- if analytics.google.extended is defined and analytics.google.extended -%}
ga('require', 'displayfeatures');
{%- endif %}
</script>
{% endif %}
{% endblock %}
{% block body_bottom %}{% endblock %}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment