![Show Menu](styles/mobile-menu.png)
![Page Background](./../common/page-substrates/page0147.png)
$
tree lists
lists
├── __init__.py
├── __pycache__
│ └── [...]
├── admin.py
├── models.py
├── static
│ └── bootstrap
│ ├── css
│ │ ├── bootstrap.css
│ │ ├── bootstrap.css.map
│ │ ├── bootstrap.min.css
│ │ ├── bootstrap-theme.css
│ │ ├── bootstrap-theme.css.map
│ │ └── bootstrap-theme.min.css
│ ├── fonts
│ │ ├── glyphicons-halflings-regular.eot
│ │ ├── glyphicons-halflings-regular.svg
│ │ ├── glyphicons-halflings-regular.ttf
│ │ └── glyphicons-halflings-regular.woff
│ └── js
│ ├── bootstrap.js
│ └── bootstrap.min.js
├── templates
│ ├── home.html
│ └── list.html
├── tests.py
├── urls.py
└── views.py
If we have a look at the “Getting Started” section of the
Bootstrap documentation ,you’ll
see it wants our HTML template to include something like this:
<!DOCTYPE html>
<html>
<head>
<title>
Bootstrap 101 Template
</title>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<!-- Bootstrap -->
<link
href=
"css/bootstrap.min.css"
rel=
"stylesheet"
media=
"screen"
>
</head>
<body>
<h1>
Hello, world!
</h1>
<script
src=
"http://code.jquery.com/jquery.js"
></script>
<script
src=
"js/bootstrap.min.js"
></script>
</body>
</html>
We already have two HTML templates. We don’t want to be adding a whole load of
boilerplate code to each, so now feels like the right time to apply the “Don’t repeat
Prettification: Using a CSS Framework
|
119