User:RubenVerg/bootstrap

Welcome to RubenVerg's Bootstrap tutorial!

Note that it might be moved to somewhere on my website soon&trade;.

Assuming you are on Microsoft Windows and know HTML5, CSS and basic JavaScript.

Getting Started
In this first part, we install the required tools and create a basic page.

Installing Tools
We are only going to need a couple applications to get started. First go to code.visualstudio.com and download the latest stable version of (Visual Studio) Code. It should be the one in front of you. Follow the installation and enable 'Open With Code' on both files and folders. Next, install Fenix Web Server by clicking the 'Download Now' button. Install it. Now, open Code and click on the icon showing squares and on the search bar. Search for 'vscode-icons' and install the first result.

Creating a Bootstrap Page
To create a HTML page with Bootstrap, close Code and open a command prompt (I use ). Navigate to the folder in which you will put the site. For example, Then, open Code by typing Click on the files tab if it isn't already selected and click New File. Name the file. Create a folder and name it. Create another and call it. Open  and type the following:. The result should be To include Bootstrap, open the  (put the cursor inside and press ). Paste the following snippet inside: To also include the scripts that make some of the Bootstrap functionality work, paste this snippet in the You can now start using Bootstrap! To start the server, open Fenix and hit Web Servers > New. Type a name and insert the folder. Port should be 80. Hit create and then the Start button.

Reboot
Most of Bootstrap is composed of classes. Bootstrap Reboot instead operates directly on the HTML tags. Let's see what it does.

Fonts
The page fonts are set to be the OS' default ones.

Headings and Paragraphs
Headings and s have no , headings have a .5rem   and  s have a 1rem

Lists
Lists have a 1rem, while nested lists have none and have different bullet styles.

Forms
Forms are slightly restyled, such as buttons with.