Commit 5f109e3e authored by O'Reilly Media, Inc.'s avatar O'Reilly Media, Inc.
Browse files

Initial commit

parents

README.md

0 → 100644
+15 −0
Changes for README.md: 15 added lines, 0 removed lines.
Original line number Diff line number Diff line 
## Example files for the title:  

  

# Learning Bootstrap 3, by Mark Shufflebottom

  

[![Learning Bootstrap 3, by Mark Shufflebottom](http://akamaicovers.oreilly.com/images/9781771371780/cat.gif)](https://www.safaribooksonline.com/library/view/title/9781771371780//)

  

The following applies to example files from material published by O’Reilly Media, Inc. Content from other publishers may include different rules of usage. Please refer to any additional usage rights explained in the actual example files or refer to the publisher’s website.

  

O'Reilly books are here to help you get your job done. In general, you may use the code in O'Reilly books in your programs and documentation. You do not need to contact us for permission unless you're reproducing a significant portion of the code. For example, writing a program that uses several chunks of code from our books does not require permission. Answering a question by citing our books and quoting example code does not require permission. On the other hand, selling or distributing a CD-ROM of examples from O'Reilly books does require permission. Incorporating a significant amount of example code from our books into your product's documentation does require permission.

  

We appreciate, but do not require, attribution. An attribution usually includes the title, author, publisher, and ISBN.

  

If you think your use of code examples falls outside fair use or the permission given here, feel free to contact us at <permissions@oreilly.com>.

  

Please note that the examples are not production code and have not been carefully testing. They are provided "as-is" and come with no warranty of any kind.

Working Files/Chapter 1/No Work Files.rtf

0 → 100755
+7 −0
Changes for Working Files/Chapter 1/No Work Files.rtf: 7 added lines, 0 removed lines.
Original line number Diff line number Diff line 
{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf350

{\fonttbl\f0\fswiss\fcharset0 Helvetica;}

{\colortbl;\red255\green255\blue255;}

\margl1440\margr1440\vieww9000\viewh8400\viewkind0

\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural



\f0\fs24 \cf0 No work files for this lesson...}
 
 No newline at end of file

Working Files/Chapter 2/css/bootstrap-theme.css

0 → 100755
+384 −0
Changes for Working Files/Chapter 2/css/bootstrap-theme.css: 384 added lines, 0 removed lines.
Original line number Diff line number Diff line 
.btn-default,

.btn-primary,

.btn-success,

.btn-info,

.btn-warning,

.btn-danger {

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);

}



.btn-default:active,

.btn-primary:active,

.btn-success:active,

.btn-info:active,

.btn-warning:active,

.btn-danger:active,

.btn-default.active,

.btn-primary.active,

.btn-success.active,

.btn-info.active,

.btn-warning.active,

.btn-danger.active {

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}



.btn:active,

.btn.active {

  background-image: none;

}



.btn-default {

  text-shadow: 0 1px 0 #fff;

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));

  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);

  background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);

  background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);

  background-repeat: repeat-x;

  border-color: #e0e0e0;

  border-color: #ccc;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

}



.btn-default:active,

.btn-default.active {

  background-color: #e6e6e6;

  border-color: #e0e0e0;

}



.btn-primary {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));

  background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);

  background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);

  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);

  background-repeat: repeat-x;

  border-color: #2d6ca2;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);

}



.btn-primary:active,

.btn-primary.active {

  background-color: #3071a9;

  border-color: #2d6ca2;

}



.btn-success {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));

  background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);

  background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);

  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);

  background-repeat: repeat-x;

  border-color: #419641;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);

}



.btn-success:active,

.btn-success.active {

  background-color: #449d44;

  border-color: #419641;

}



.btn-warning {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));

  background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);

  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);

  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);

  background-repeat: repeat-x;

  border-color: #eb9316;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);

}



.btn-warning:active,

.btn-warning.active {

  background-color: #ec971f;

  border-color: #eb9316;

}



.btn-danger {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));

  background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);

  background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);

  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);

  background-repeat: repeat-x;

  border-color: #c12e2a;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);

}



.btn-danger:active,

.btn-danger.active {

  background-color: #c9302c;

  border-color: #c12e2a;

}



.btn-info {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));

  background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);

  background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);

  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);

  background-repeat: repeat-x;

  border-color: #2aabd2;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);

}



.btn-info:active,

.btn-info.active {

  background-color: #31b0d5;

  border-color: #2aabd2;

}



.thumbnail,

.img-thumbnail {

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);

}



.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus,

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

  background-color: #357ebd;

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));

  background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);

  background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);

  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);

}



.navbar {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));

  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);

  background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);

  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);

  background-repeat: repeat-x;

  border-radius: 4px;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);

}



.navbar .navbar-nav > .active > a {

  background-color: #f8f8f8;

}



.navbar-brand,

.navbar-nav > li > a {

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);

}



.navbar-inverse {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));

  background-image: -webkit-linear-gradient(top, #3c3c3c, 0%, #222222, 100%);

  background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);

  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);

}



.navbar-inverse .navbar-nav > .active > a {

  background-color: #222222;

}



.navbar-inverse .navbar-brand,

.navbar-inverse .navbar-nav > li > a {

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}



.navbar-static-top,

.navbar-fixed-top,

.navbar-fixed-bottom {

  border-radius: 0;

}



.alert {

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.alert-success {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc));

  background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #c8e5bc, 100%);

  background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);

  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);

  background-repeat: repeat-x;

  border-color: #b2dba1;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);

}



.alert-info {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0));

  background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #b9def0, 100%);

  background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%);

  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);

  background-repeat: repeat-x;

  border-color: #9acfea;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);

}



.alert-warning {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0));

  background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #f8efc0, 100%);

  background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);

  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);

  background-repeat: repeat-x;

  border-color: #f5e79e;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);

}



.alert-danger {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3));

  background-image: -webkit-linear-gradient(top, #f2dede, 0%, #e7c3c3, 100%);

  background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);

  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);

  background-repeat: repeat-x;

  border-color: #dca7a7;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);

}



.progress {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));

  background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f5f5f5, 100%);

  background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);

  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);

}



.progress-bar {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));

  background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);

  background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);

  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);

}



.progress-bar-success {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));

  background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);

  background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);

  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);

}



.progress-bar-info {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));

  background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);

  background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);

  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);

}



.progress-bar-warning {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));

  background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);

  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);

  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);

}



.progress-bar-danger {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));

  background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);

  background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);

  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);

}



.list-group {

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);

}



.list-group-item.active,

.list-group-item.active:hover,

.list-group-item.active:focus {

  text-shadow: 0 -1px 0 #3071a9;

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3));

  background-image: -webkit-linear-gradient(top, #428bca, 0%, #3278b3, 100%);

  background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%);

  background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);

  background-repeat: repeat-x;

  border-color: #3278b3;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);

}



.panel {

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

}



.panel-default > .panel-heading {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));

  background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e8e8e8, 100%);

  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);

  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);

}



.panel-primary > .panel-heading {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));

  background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);

  background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);

  background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);

}



.panel-success > .panel-heading {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));

  background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #d0e9c6, 100%);

  background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);

  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);

}



.panel-info > .panel-heading {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));

  background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #c4e3f3, 100%);

  background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);

  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);

}



.panel-warning > .panel-heading {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));

  background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #faf2cc, 100%);

  background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);

  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);

}



.panel-danger > .panel-heading {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));

  background-image: -webkit-linear-gradient(top, #f2dede, 0%, #ebcccc, 100%);

  background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);

  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);

}



.well {

  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5));

  background-image: -webkit-linear-gradient(top, #e8e8e8, 0%, #f5f5f5, 100%);

  background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);

  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);

  background-repeat: repeat-x;

  border-color: #dcdcdc;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);

  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);

          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);

}
 
 No newline at end of file

Working Files/Chapter 2/css/bootstrap-theme.min.css

0 → 100755
+1 −0

File added.

Preview size limit exceeded, changes collapsed.

Working Files/Chapter 2/css/bootstrap.css

0 → 100755
+6805 −0

File added.

Preview size limit exceeded, changes collapsed.

© 2026 O’Reilly Media, Inc. All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners. Terms of Service • Privacy Policy • Editorial Independence