├── .gitattributes ├── 9781484260708.jpg ├── Contributing.md ├── LICENSE.txt ├── README.md ├── chapter-01 ├── Listing 1-1.html ├── Listing 1-10.html ├── Listing 1-11.html ├── Listing 1-13.html ├── Listing 1-14.html ├── Listing 1-2.html ├── Listing 1-4.html ├── Listing 1-6.html ├── Listing 1-8.html ├── Listing 1-9.html ├── desktop.ini └── stylesheets │ ├── Listing 1-12.css │ ├── Listing 1-3.css │ ├── Listing 1-5.css │ ├── Listing 1-7.css │ └── desktop.ini ├── chapter-02 ├── Listing 2-1.html ├── Listing 2-11.html ├── Listing 2-12.html ├── Listing 2-13.html ├── Listing 2-15.html ├── Listing 2-2.html ├── Listing 2-3.html ├── Listing 2-5.html ├── Listing 2-7.html ├── Listing 2-9.html ├── desktop.ini └── stylesheets │ ├── Listing 2-10.css │ ├── Listing 2-14.css │ ├── Listing 2-16.css │ ├── Listing 2-4.css │ ├── Listing 2-6.css │ ├── Listing 2-8.css │ └── desktop.ini ├── chapter-03 ├── Listing 3-1.html ├── Listing 3-10.html ├── Listing 3-11.html ├── Listing 3-12.html ├── Listing 3-14.html ├── Listing 3-15.html ├── Listing 3-2.html ├── Listing 3-3.html ├── Listing 3-4.html ├── Listing 3-5.html ├── Listing 3-6.html ├── Listing 3-7.html ├── Listing 3-8.html ├── Listing 3-9.html ├── desktop.ini └── stylesheets │ ├── Listing 3-13.css │ └── desktop.ini ├── chapter-04 ├── Listing 4-1.html ├── Listing 4-10-1.html ├── Listing 4-10.html ├── Listing 4-11-1.html ├── Listing 4-11.html ├── Listing 4-12-1.html ├── Listing 4-12.html ├── Listing 4-3.html ├── Listing 4-4.html ├── Listing 4-5.html ├── Listing 4-7.html ├── Listing 4-8.html ├── Listing 4-9-2.html ├── Listing 4-9-3.html ├── Listing 4-9-4.html ├── Listing 4-9-5.html ├── Listing 4-9.html ├── desktop.ini └── stylesheets │ ├── Listing 4-2.css │ ├── Listing 4-6.css │ └── desktop.ini ├── chapter-05 ├── LIsting 5-3.html ├── Listing 5-1.html ├── Listing 5-10.html ├── Listing 5-12.html ├── Listing 5-13.html ├── Listing 5-14.html ├── Listing 5-15.html ├── Listing 5-2.html ├── Listing 5-4.html ├── Listing 5-5.html ├── Listing 5-6.html ├── Listing 5-7.html ├── Listing 5-8.html ├── Listing 5-9.html ├── desktop.ini ├── images │ └── task │ │ ├── hilton-small-image-140x140.jpg │ │ ├── london-image-1.jpg │ │ ├── london-image-2.jpg │ │ ├── london-image-3.jpg │ │ ├── london-image-4.jpg │ │ ├── premierinn-small-image-140x140.jpg │ │ ├── staycity-small-image-140x140.jpg │ │ └── thesquare-small-image-140x140.jpg └── stylesheets │ ├── Listing 5-11.css │ └── desktop.ini ├── chapter-06 ├── Listing 6-1.html ├── Listing 6-3.html ├── Listing 6-4.html ├── Listing 6-7.html ├── images │ ├── parthenon.jpg │ └── prague-czech-republic.jpg ├── stylesheets │ ├── Listing 6-2.css │ ├── Listing 6-5.css │ ├── Listing 6-6.css │ └── Listing 6-8.css └── task.html ├── chapter-07 ├── Listing 7-1.html ├── Listing 7-11.html ├── Listing 7-14.html ├── Listing 7-15.html ├── Listing 7-17.html ├── Listing 7-2.html ├── Listing 7-3.html ├── Listing 7-4.html ├── Listing 7-5.html ├── Listing 7-6.html ├── Listing 7-7.html ├── Listing 7-8.html ├── desktop.ini └── stylesheets │ ├── Listing 7-10.css │ ├── Listing 7-12.css │ ├── Listing 7-13.css │ ├── Listing 7-16.css │ ├── Listing 7-9.css │ └── desktop.ini ├── chapter-08 ├── Listing 8-1.html ├── Listing 8-10.html ├── Listing 8-11.html ├── Listing 8-2.html ├── Listing 8-3.html ├── Listing 8-4.html ├── Listing 8-5.html ├── Listing 8-6.html ├── Listing 8-7.html ├── Listing 8-8.html ├── Listing 8-9.html └── desktop.ini ├── chapter-09 ├── Listing 9-1.html ├── Listing 9-10.html ├── Listing 9-2.html ├── Listing 9-3.html ├── Listing 9-4.html ├── Listing 9-5.html ├── Listing 9-6.html ├── Listing 9-7.html ├── Listing 9-8.html ├── desktop.ini ├── images │ ├── chios-4.jpg │ ├── elafonisos-2.jpg │ ├── ithaki-1.jpg │ ├── karpathos-3.jpg │ └── zakynthos-shipwreck.jpg ├── javascripts │ ├── Listing 9-11.js │ ├── Listing 9-9.js │ ├── desktop.ini │ ├── open-dialog.js │ ├── related-target.js │ └── stylesheets │ │ ├── desktop.ini │ │ └── main.css └── stylesheets │ ├── desktop.ini │ └── main.css ├── chapter-10 ├── Listing 10-1.html ├── desktop.ini ├── javascripts │ ├── Listing 10-3.js │ └── desktop.ini └── stylesheets │ ├── Listing 10-2.css │ └── desktop.ini ├── chapter-11 ├── Listing 11-1.html ├── Listing 11-3.html ├── desktop.ini ├── images │ └── drone-image.jpg ├── javascripts │ ├── Listing 11-2.js │ ├── Listing 11-5.js │ └── desktop.ini └── stylesheets │ ├── Listing 11-4.css │ └── desktop.ini └── errata.md /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /9781484260708.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Apress/practical-bootstrap/4ca06d9a35b0542c5d00a67ab70e071e1c79b19c/9781484260708.jpg -------------------------------------------------------------------------------- /Contributing.md: -------------------------------------------------------------------------------- 1 | # Contributing to Apress Source Code 2 | 3 | Copyright for Apress source code belongs to the author(s). However, under fair use you are encouraged to fork and contribute minor corrections and updates for the benefit of the author(s) and other readers. 4 | 5 | ## How to Contribute 6 | 7 | 1. Make sure you have a GitHub account. 8 | 2. Fork the repository for the relevant book. 9 | 3. Create a new branch on which to make your change, e.g. 10 | `git checkout -b my_code_contribution` 11 | 4. Commit your change. Include a commit message describing the correction. Please note that if your commit message is not clear, the correction will not be accepted. 12 | 5. Submit a pull request. 13 | 14 | Thank you for your contribution! -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Freeware License, some rights reserved 2 | 3 | Copyright (c) 2020 Panos Matsinopoulos 4 | 5 | Permission is hereby granted, free of charge, to anyone obtaining a copy 6 | of this software and associated documentation files (the "Software"), 7 | to work with the Software within the limits of freeware distribution and fair use. 8 | This includes the rights to use, copy, and modify the Software for personal use. 9 | Users are also allowed and encouraged to submit corrections and modifications 10 | to the Software for the benefit of other users. 11 | 12 | It is not allowed to reuse, modify, or redistribute the Software for 13 | commercial use in any way, or for a user’s educational materials such as books 14 | or blog articles without prior permission from the copyright holder. 15 | 16 | The above copyright notice and this permission notice need to be included 17 | in all copies or substantial portions of the software. 18 | 19 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 20 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 21 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 22 | AUTHORS OR COPYRIGHT HOLDERS OR APRESS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 23 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 24 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 25 | SOFTWARE. 26 | 27 | 28 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Apress Source Code 2 | 3 | This repository accompanies [*Practical Bootstrap*](http://www.apress.com/9781484260708) by Panos Matsinopoulos (Apress, 2020). 4 | 5 | [comment]: #cover 6 |  7 | 8 | Download the files as a zip using the green button, or clone the repository to your machine using Git. 9 | 10 | ## Releases 11 | 12 | Release v1.0 corresponds to the code in the published book, without corrections or updates. 13 | 14 | ## Contributions 15 | 16 | See the file Contributing.md for more information on how you can contribute to this repository. -------------------------------------------------------------------------------- /chapter-01/Listing 1-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |Full-Stack Web Developer that can turn your ideas to fantastic responsive Web applications
46 | 47 |Full-Stack Web Developer that can turn your ideas to fantastic responsive Web applications
46 | 47 |Full-Stack Web Developer that can turn your ideas to fantastic responsive Web applications
48 | 49 |Travel Plan | |
---|---|
(active) Action | Due |
(success) Book Ticket | Feb 20th |
(info) Book Hotel | March 26th |
(warning) Buy Suitcase | April 20th |
(danger) Get Passport | April 30th |
67 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 68 | exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 69 | pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 70 |
71 |66 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 67 | exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 68 | pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 69 |
70 |66 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 67 | exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 68 | pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 69 |
70 |77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 |
87 | 88 |90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 |
100 | 101 |103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 |
113 | 114 |116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 |
126 | 127 |129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 |
139 |66 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 67 | exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 68 | pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 69 |
70 |77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 |
87 | 88 |90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 |
100 | 101 |103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 |
113 | 114 |116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 |
126 | 127 |129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 |
139 | 140 |Shopping List | |
---|---|
Item | Qt |
Cheese | 1 kgr |
Rice | 1.5 kgr |
Coffee | 0.5 kgr |
Milk | 1 ltr |
Wine | 1 btl |
Travel Plan | |
---|---|
Action | Due |
Book Ticket | Feb 20th |
Book Hotel | March 26th |
Buy Suitcase | April 20th |
Get Passport | April 30th |
4 | Dashboard: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 5 |
6 |10 | Payments: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 11 |
12 |16 | Invoices: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 17 |
18 |22 | Settings: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 23 |
24 |13 | The lion (Panthera leo) is a large mammal of the Felidae (cat) family. Some large males weigh over 250 kg (550 lb). 14 | Today, wild lions live in sub-Saharan Africa and in Asia. Lions are adapted for life in grasslands and mixed areas 15 | with trees and grass. The relatively small females are fast runners over short distances, and coordinate their hunting of herd animals. 16 |
17 | Learn more 18 |32 | The cheetah (Acinonyx jubatus; /ˈtʃiːtə/) is a large cat of the subfamily Felinae that occurs in North, Southern and East Africa, and a few localities in Iran. 33 | It inhabits a variety of mostly arid habitats like dry forests, scrub forests, and savannahs. The species is IUCN Red Listed as Vulnerable, as it suffered a 34 | substantial decline in its historic range in the 20th century... 35 |
36 | Learn more 37 |51 | A black panther is the melanistic colour variant of any Panthera, particularly of the leopard (P. pardus) in Asia and Africa, and the jaguar (P. onca) in the Americas. 52 |
53 | Learn more 54 |This content will always be vertically and horizontally aligned
4 |5 | Learn more 6 |
7 |Sales table is compiled from data retrieved from the main database
2 | 3 |# | 7 |Header 1 | 8 |Header 2 | 9 |Header 3 | 10 |Header 4 | 11 |Header 5 | 12 |Header 6 | 13 |Header 7 | 14 |Header 8 | 15 |
---|---|---|---|---|---|---|---|---|
1,001 | 20 |Lorem | 21 |ipsum | 22 |dolor | 23 |sit | 24 |Lorem | 25 |ipsum | 26 |dolor | 27 |sit | 28 |
1,002 | 31 |amet | 32 |consectetur | 33 |adipiscing | 34 |elit | 35 |amet | 36 |consectetur | 37 |adipiscing | 38 |elit | 39 |
1,003 | 42 |Integer | 43 |nec | 44 |odio | 45 |Praesent | 46 |Integer | 47 |nec | 48 |odio | 49 |Praesent | 50 |
1,003 | 53 |libero | 54 |Sed | 55 |cursus | 56 |ante | 57 |libero | 58 |Sed | 59 |cursus | 60 |ante | 61 |
1,004 | 64 |dapibus | 65 |diam | 66 |Sed | 67 |nisi | 68 |dapibus | 69 |diam | 70 |Sed | 71 |nisi | 72 |
1,005 | 75 |Nulla | 76 |quis | 77 |sem | 78 |at | 79 |Nulla | 80 |quis | 81 |sem | 82 |at | 83 |
1,006 | 86 |nibh | 87 |elementum | 88 |imperdiet | 89 |Duis | 90 |nibh | 91 |elementum | 92 |imperdiet | 93 |Duis | 94 |
1,007 | 97 |sagittis | 98 |ipsum | 99 |Praesent | 100 |mauris | 101 |sagittis | 102 |ipsum | 103 |Praesent | 104 |mauris | 105 |
1,008 | 108 |Fusce | 109 |nec | 110 |tellus | 111 |sed | 112 |Fusce | 113 |nec | 114 |tellus | 115 |sed | 116 |
1,009 | 119 |augue | 120 |semper | 121 |porta | 122 |Mauris | 123 |augue | 124 |semper | 125 |porta | 126 |Mauris | 127 |
1,010 | 130 |massa | 131 |Vestibulum | 132 |lacinia | 133 |arcu | 134 |massa | 135 |Vestibulum | 136 |lacinia | 137 |arcu | 138 |
1,011 | 141 |eget | 142 |nulla | 143 |Class | 144 |aptent | 145 |eget | 146 |nulla | 147 |Class | 148 |aptent | 149 |
1,012 | 152 |taciti | 153 |sociosqu | 154 |ad | 155 |litora | 156 |taciti | 157 |sociosqu | 158 |ad | 159 |litora | 160 |
1,013 | 163 |torquent | 164 |per | 165 |conubia | 166 |nostra | 167 |torquent | 168 |per | 169 |conubia | 170 |nostra | 171 |
1,014 | 174 |per | 175 |inceptos | 176 |himenaeos | 177 |Curabitur | 178 |per | 179 |inceptos | 180 |himenaeos | 181 |Curabitur | 182 |
1,015 | 185 |sodales | 186 |ligula | 187 |in | 188 |libero | 189 |sodales | 190 |ligula | 191 |in | 192 |libero | 193 |
Sign in today for better experience.
5 | 6 | 29 |Sign in today for better experience.
4 | 5 | 36 |23 | The XK 251 is a RTF mid-sized (250 mm diagonal) quadcopter 24 | featuring brushless motors and carbon fiber arms and landing gear. 25 | Brushless motors are more efficient and more powerful than the brushed variety typically found on toy-grade models. 26 | They also have a much longer life span. 27 | 28 | Here is an 29 | FAQ relating to the difference between brushed and brushless motors. 30 | 31 | The XK 251 weighs in at 215 grams meaning that no FAA registration is needed. It is powered by a small 2s (7.4v) battery. 32 |
33 | 34 |23 | The XK 251 is an RTF 24 | 29 | 30 | 31 | mid-sized (250 mm diagonal) 32 | quadcopter 33 | 37 | 38 | 39 | featuring brushless motors and carbon fiber arms and landing gear. 40 | Brushless motors are more efficient and more powerful than the brushed variety typically found on toy-grade models. 41 | They also have a much longer life span. 42 | 43 | Here is an 44 | FAQ relating to the difference between brushed and brushless motors. 45 | 46 | The XK 251 weighs in at 215 grams meaning that no FAA registration is needed. It is powered by a small 2s (7.4v) battery. 47 |
48 | 49 |