AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL
HTML Tutorial

Free Bootstrap Tutorial online.



  1. Bootstrap Templates
  2. Bootstrap Text
  3. Bootstrap Accordion
  4. Bootstrap Scrollspy
  5. Bootstrap Carousel
  6. Bootstrap Modal
  7. Bootstrap Responsive Layout
  8. Bootstrap Fluid Layout
  9. Bootstrap Fixed Layout
  10. Bootstrap Grid
  11. Bootstrap Input
  12. Bootstrap Icon
  13. Bootstrap Dropdown
  14. Bootstrap Navigation Bar
  15. Bootstrap Pagination
  16. Bootstrap Images
  17. Bootstrap Buttons
  18. Bootstrap Forms
  19. Lists With Bootstrap
  20. Bootstrap Tables
  21. Bootstrap Text - Typography
  22. Bootstrap Introduction

What is bootstrap?

Bootstrap is a library of CSS styles, that is, it is a CSS file that you add in your projects to have a series of styles ready to use.

This type of CSS libraries usually include styles for the most common elements of a web page, such as buttons, cards, navbars, etc. It also has a series of styles to create columns easily.

PHP Tutorials online for beginners and advanced with examples.


Why use Bootstrap?

Advantage

Easy to use. All you have to do is put classes to HTML elements.
Responsive. Perfect for creating web pages adaptable to any device.
Customizable. You can customize your download to use the elements you need.
Great community. This framework is very widespread and if we have a problem we can find a lot of information on the Internet.

Bootstrap download and installation
To use Bootstrap in a project we have two ways to do it:

Installation manually
To install Bootstrap manually, what you have to do is download the Bootstrap files from its web page by clicking Download within Compiled CSS and JS:

https://getbootstrap.com/docs/4.0/getting-started/download/

Through CDN, easier.
This method is easier because we only have to call each of the files in the cloud from within the HTML head tag and therefore you do not have to download anything.

Example:

<head>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</head>





Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


right-foot