Bootstrap in 5 minutes

Bootstrap: CSS Framework

Welcome to this short tutorial about the CSS Framework Bootstrap. Covering version 3 of the framework, this tutorial will introduce you to some features available out of the box. It will also be the occasion to introduce the responsive design features of Bootstrap.


Video

The video tutorial lasts only 5 minutes and will show you an alternative homepage, created with Bootstrap, of the EduTech Wiki current page. The video has an audio comment and subtitles. Please note that subtitles are not a transcription of the audio comment, but they show additional information.


Useful resources

EduTech Wiki alternative homepage
This is an unofficial page created for academic purposes only. The content may slightly differ from the original page. Open also the page source in order to analyze the code. The page has been created with the standard bootstrap stylesheet, which means that no CSS code was written for this page. Resize your browser's window to test the responsiveness of the page.
EduTech Wiki official homepage
This is the official page of EduTech Wiki website. EduTech Wiki is a project developed and mainteined by the TECFA Unity at Geneva University.
Bootstrap official site
The official site of Bootstrap is a useful resource to start digging into Bootstrap features, and it is the place to download the zip folder that contains the CSS and JavaScript files that must be included in a page.
jQuery official site
jQuery is required to use the JavaScript features (eg, slideshow, dialog boxes, dropdown menu, etc.) available through the bootstrap.js file.