Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.

Designing in the Browser With Bootstrap

with

With the rising popularity of HTML and CSS frameworks like Bootstrap, web designers have found an efficient alternative to Adobe Photoshop for designing websites. In this course, you’ll learn how to use Bootstrap as a foundation for rapid website design in HTML and CSS.

1× speed

Free Preview: Designing in the Browser With Bootstrap

Introduction

01:51

1.Introduction
1 lesson, 01:51

Free Preview
1.1
Introduction
01:51

2.Bootstrap Essentials
5 lessons, 43:05

Free Preview
2.1
Downloading and Setting Up Bootstrap
05:04

2.2
The Bootstrap Grid
12:45

2.3
Bootstrap Documentation
04:07

2.4
Starting From Scratch
09:04

2.5
Starting With a Template
12:05

3.Designing With the Browser
11 lessons, 1:54:40

3.1
Overriding Text Defaults
09:35

3.2
Finding the Right Fonts
08:17

3.3
Bootstrap Navbars
14:35

3.4
Experimenting with Color
06:24

3.5
Tools for Working with Color
12:47

3.6
Using Your Selected Colors
13:56

3.7
Inserting Images
09:38

3.8
Experimenting With Layouts
07:56

3.9
More Layout and Color Changes
14:33

3.10
Creating an Image Slider
11:51

3.11
Navigation Drop-Downs
05:08

4.Styling Forms
3 lessons, 28:01

4.1
Bootstrap Forms
09:57

4.2
Button Options
08:36

4.3
Responsive Considerations
09:28

5.Conclusion
1 lesson, 00:45

5.1
Final Thoughts
00:45


Preview for Designing in the Browser With Bootstrap
Lessons:
21
Length:
3.1 hours
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio