This book teaches you how to use the front end CSS framework Bootstrap 4 - the newest version. CSS frameworks give front end developers the capability to create responsible or adaptive web designs that overcome the various variations of modern browsers. Bootstrap is the leading CSS framework and gives developers a unique way to create responsive web sites.
You will learn how to use all the components of Bootstrap 4 with easy-to-follow instructions and example code snippets. You'll understand how to use Bootstrap 4 for typography, forms, and modules. You'll understand how to structure your page and your code to be optimally efficient.
What You'll Learn
- How to use Bootstrap 4 and particularly the features require to create web applications
- Understand the basics about responsive web design using CSS3
- How to install and use the SASS framework
- How to use the templates and themes market for Bootstrap
Who This Book Is For
This book is for developers of web applications who already know how to use CSS and JavaScript and want to explore the capabilities of a framework to increase productivity.
| About the Author |
|
xv | |
| About the Technical Reviewer |
|
xvii | |
| Introduction |
|
xix | |
|
Chapter 1 It Begins with CSS |
|
|
1 | (22) |
|
|
|
1 | (1) |
|
|
|
2 | (1) |
|
|
|
2 | (5) |
|
|
|
2 | (1) |
|
|
|
3 | (1) |
|
|
|
3 | (1) |
|
|
|
3 | (1) |
|
|
|
4 | (1) |
|
|
|
4 | (3) |
|
|
|
7 | (2) |
|
|
|
8 | (1) |
|
|
|
9 | (1) |
|
|
|
9 | (8) |
|
|
|
10 | (2) |
|
|
|
12 | (5) |
|
|
|
17 | (2) |
|
|
|
17 | (2) |
|
|
|
19 | (1) |
|
|
|
19 | (4) |
|
|
|
19 | (2) |
|
|
|
21 | (2) |
|
Chapter 2 Introduction to Bootstrap |
|
|
23 | (10) |
|
What's New in Bootstrap 4? |
|
|
23 | (1) |
|
|
|
23 | (1) |
|
|
|
23 | (1) |
|
|
|
23 | (1) |
|
|
|
24 | (1) |
|
|
|
24 | (1) |
|
|
|
24 | (1) |
|
|
|
24 | (1) |
|
|
|
24 | (1) |
|
|
|
24 | (3) |
|
|
|
25 | (1) |
|
Repository for Local Installation |
|
|
25 | (1) |
|
|
|
26 | (1) |
|
Structure of the CSS Files |
|
|
27 | (1) |
|
|
|
28 | (1) |
|
|
|
29 | (1) |
|
|
|
29 | (2) |
|
HTML5---the Role Attribute |
|
|
29 | (2) |
|
|
|
31 | (2) |
|
Chapter 3 Structure of the Page |
|
|
33 | (12) |
|
|
|
33 | (1) |
|
|
|
33 | (1) |
|
Settings of the Viewing Area |
|
|
33 | (1) |
|
|
|
34 | (11) |
|
|
|
34 | (1) |
|
|
|
35 | (10) |
|
|
|
45 | (24) |
|
|
|
45 | (1) |
|
|
|
46 | (6) |
|
|
|
46 | (1) |
|
|
|
47 | (3) |
|
|
|
50 | (2) |
|
|
|
52 | (1) |
|
|
|
52 | (3) |
|
|
|
55 | (10) |
|
|
|
55 | (5) |
|
|
|
60 | (5) |
|
|
|
65 | (4) |
|
|
|
66 | (3) |
|
|
|
69 | (36) |
|
|
|
69 | (13) |
|
|
|
69 | (2) |
|
|
|
71 | (3) |
|
Form Elements with Blocks |
|
|
74 | (1) |
|
|
|
75 | (1) |
|
Dealing with Checkboxes and Radio Buttons |
|
|
76 | (1) |
|
|
|
77 | (3) |
|
|
|
80 | (2) |
|
|
|
82 | (16) |
|
|
|
82 | (3) |
|
|
|
85 | (1) |
|
|
|
85 | (2) |
|
Behavior of the Form Elements |
|
|
87 | (2) |
|
Validation Information in Forms |
|
|
89 | (6) |
|
Form Elements in the Grid |
|
|
95 | (1) |
|
Adaptation of the Field Height |
|
|
96 | (1) |
|
|
|
97 | (1) |
|
|
|
98 | (7) |
|
|
|
99 | (1) |
|
|
|
100 | (3) |
|
|
|
103 | (2) |
|
Chapter 6 Additional Modules |
|
|
105 | (12) |
|
|
|
105 | (5) |
|
|
|
106 | (2) |
|
|
|
108 | (1) |
|
|
|
108 | (1) |
|
|
|
109 | (1) |
|
|
|
110 | (1) |
|
|
|
110 | (2) |
|
|
|
112 | (1) |
|
|
|
112 | (1) |
|
|
|
112 | (3) |
|
|
|
113 | (1) |
|
|
|
114 | (1) |
|
Alignment of Elements in Flow |
|
|
115 | (1) |
|
|
|
115 | (1) |
|
|
|
115 | (1) |
|
|
|
116 | (1) |
|
|
|
117 | (54) |
|
|
|
117 | (2) |
|
|
|
119 | (1) |
|
|
|
119 | (2) |
|
|
|
119 | (1) |
|
|
|
120 | (1) |
|
|
|
121 | (1) |
|
|
|
121 | (3) |
|
|
|
123 | (1) |
|
|
|
124 | (1) |
|
|
|
124 | (4) |
|
|
|
124 | (1) |
|
|
|
125 | (1) |
|
|
|
126 | (1) |
|
|
|
127 | (1) |
|
|
|
128 | (16) |
|
|
|
128 | (1) |
|
Navigation Buttons (pills) |
|
|
129 | (1) |
|
|
|
130 | (2) |
|
|
|
132 | (5) |
|
|
|
137 | (1) |
|
|
|
138 | (3) |
|
|
|
141 | (1) |
|
|
|
142 | (2) |
|
|
|
144 | (1) |
|
|
|
145 | (1) |
|
|
|
146 | (2) |
|
|
|
148 | (4) |
|
|
|
152 | (1) |
|
|
|
152 | (1) |
|
|
|
153 | (1) |
|
|
|
153 | (6) |
|
|
|
154 | (1) |
|
|
|
155 | (1) |
|
|
|
155 | (4) |
|
|
|
159 | (12) |
|
|
|
160 | (1) |
|
|
|
161 | (1) |
|
|
|
161 | (1) |
|
|
|
162 | (1) |
|
|
|
163 | (1) |
|
|
|
164 | (1) |
|
|
|
165 | (1) |
|
|
|
166 | (1) |
|
|
|
167 | (4) |
|
Chapter 8 Active Components |
|
|
171 | (36) |
|
|
|
171 | (1) |
|
The Programming Interface |
|
|
172 | (1) |
|
|
|
172 | (1) |
|
|
|
173 | (1) |
|
|
|
173 | (1) |
|
|
|
174 | (9) |
|
|
|
174 | (2) |
|
|
|
176 | (1) |
|
|
|
177 | (4) |
|
General Information about Behavior |
|
|
181 | (1) |
|
|
|
182 | (1) |
|
|
|
182 | (1) |
|
Pull-Down Menu (Dropdown) |
|
|
183 | (2) |
|
Common Information about Behavior |
|
|
183 | (1) |
|
|
|
183 | (2) |
|
Scroll Bar Supervisor (ScrollSpy) |
|
|
185 | (1) |
|
|
|
185 | (1) |
|
|
|
186 | (1) |
|
Pinned Navigation (Affix) |
|
|
186 | (1) |
|
|
|
187 | (2) |
|
|
|
187 | (2) |
|
|
|
189 | (1) |
|
|
|
189 | (3) |
|
|
|
190 | (1) |
|
|
|
191 | (1) |
|
|
|
191 | (1) |
|
Content Overlay (Popover) |
|
|
192 | (4) |
|
|
|
192 | (2) |
|
|
|
194 | (2) |
|
|
|
196 | (1) |
|
|
|
196 | (1) |
|
|
|
197 | (1) |
|
|
|
197 | (1) |
|
|
|
198 | (1) |
|
Content Insertion (Collapse) |
|
|
198 | (4) |
|
|
|
198 | (1) |
|
Content Groups---The Accordion |
|
|
199 | (3) |
|
|
|
202 | (1) |
|
Image Roundabout (Carousel) |
|
|
202 | (5) |
|
|
|
202 | (2) |
|
|
|
204 | (3) |
| Index |
|
207 | |
Jörg Krause has been working with software and software technology since the early 1980s, beginning with a ZX 81 and taking his first steps as a programmer in BASIC and assembly language. He studied Information Technology at Humboldt University, Berlin in the 90s but left early to start his own company. He has worked with Internet Technology and software development since the early days when CompuServe and FidoNet dominated. Hes been with Microsoft technologies and software since Windows 95. In 1998, he worked on one of the first commercial e-commerce solutions, and wrote his first book in Germany, E-Commerce and Online Marketing, published by Carl Hanser Verlag, Munich. Due to its wide success, he started working as a freelance consultant and author in order to share his experience and knowledge with others. He has written several books for Apress, Hanser, Addison Wesley and other major publishers along with several self-published booksa total of over 60 titles. He also publishes articles in magazines and speaks at major conferences in Germany. Currently, Joerg works as an independent consultant, software developer, and author in Berlin, Germany. In his occasional spare time, Joerg enjoys reading thrillers and science fiction novels, and going on a round of golf.
