Bootstrap CSS

In the course Bootstrap CSS from SpiralTrain participants learn to develop responsive front ends for mobile and desktop web applications using the latest version of the popular CSS Framework Bootstrap

CSS Review

In the intro of the course the basics of CSS are discussed such as CSS selectors, tags, IDs, classes and attributes. The Box Model, Viewport and absolute and relative units are also discussed.

Bootstrap Framework

Next attention is paid to the advantages that the use of the Bootstrap Framework offers. This includes the use of starter templates and the use of JavaScript and Sass.

Bootstrap Grid System

The Bootstrap Grid System as an important foundation of Bootstrap is discussed. There is also attention for Bootstrap elements such as Tables, Columns and Forms, Container and Panels, Buttons and Menus. And the Flexbox Module and Child Boxes are treated as well.

Bootstrap Layout

Building a Bootstrap Layout with Containers, Rows and Columns is part of the course program. Just as the use of Forms in Bootstrap with input elements, check and radio buttons, select boxes, navigation bars and tool bars.

Bootstrap Styling

Finally there is attention for Bootstrap Styling with the use of colors and fonts, element alignment, responsive images and jumbotrons.

Audience Course Bootstrap CSS

The course Bootstrap CSS is intended for Web Designers and Developer who want to use the Bootstrap CSS Framework in the development of responsive Web Applications.

Prerequisites Course Bootstrap CSS

Knowledge and experience with HTML and the basic principles of Cascading Style Sheets (CSS) are required.

Realization Training Bootstrap CSS

The concepts are discussed on the basis of presentation slides. Demo projects are used to clarify the concepts. The theory and the demos are interchanged with hands-on exercises. Course times are from 9.30 to 16.30.

Certification Course Bootstrap CSS

After successful completion of the course the participants receive an official certificate Bootstrap CSS.

Modules

Module 1 : Bootstrap Intro

• Bootstrap Framework
• Basic Syntax
• CSS Selectors
• Tags and ID's
• Classes
• Attributes
• Logical Selection
• Box Model
• Blocks of the Box
• Set Viewport
• Absolute Units
• Relative Units

Module 2 : Bootstrap Projects

• Bootstrap Advantages
• Starter Template
• Inserting JavaScript
• Normalizing
• Rebooting
• Static Site Generator
• Converting Base Template
• Installing Harp.js
• Sass in Harp
• Project Setup
• Setup Layout
• Deploying Projects

Module 3 : Bootstrap Components

• Grid System
• Tables
• Forms
• Buttons
• Pulldown Menus
• Cards versus Panels
• Progress Bars
• Flexbox Module
• Child Boxes
• Page Templates
• Containers
• Columns

Module 4 : Layouts

• Basic Containers
• Fluid Containers
• Utilizing Width
• Without Containers
• Multiple Containers
• Headings
• Inserting Rows
• Inserting Columns
• Interlace Columns
• Order Column
• Column Classes

Module 5 : Forms

• Form Structure
• Form Elements
• Single Line Forms
• Check Boxes and Radio Buttons
• Horizontal Forms
• Navigation Bar
• Input Elements
• Select Elements
• Semantic Buttons
• Drop Down Menus
• Toolbars

Module 6 : Styling

• Size and Appearance
• Use of Symbols
• Text Colour
• Background Colour
• Responsive Images
• Thumbnails
• Element Alignment
• Centering
• Divider Lines
• Deactivation
• Jumbotron