Internet Technologies
[Pages:79]Internet Technologies
Bootstrap Front-end Web Development Framework
Bootstrap v.5.1.3 (Mar 2022)
? Bootstrap is a free and opensource front-end framework for developing responsive websites and web-applications with HTML, CSS, and JavaScript.
? Contains HTML- and CSS-based design templates for typography, buttons, navigation and other interface components, as well as optional JavaScript extensions
Bootstrap 5 vs. Bootstrap 4
? Bootstrap 5 is the newest version of Bootstrap ? Vanilla JavaScript instead of jQuery (plain JavaScript without any additional
libraries like jQuery) ? IE 10 and 11 support removed ? Expanded color palette ? Responsive font size ? Updated Form Controls: all form element has consistent looks in all OS and
browser. ? Enhanced grid system ? See more here:
whats-new/
Why Use Bootstrap?
? Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
? Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops
? Mobile-first approach: In Bootstrap, mobile-first styles are part of the core framework
? Browser compatibility: Bootstrap 5 is compatible with all modern browsers (Chrome, Firefox, MS Edge, Safari, Opera, Android Browser v6.0+)
Where to Get Bootstrap 5?
? Official website: ? Getting started:
started/introduction/
? There are two ways to start using Bootstrap 5 on your own web site:
o Include Bootstrap 5 from a Content Delivery Network (CDN) in your section (no need to download anything)
o Download Bootstrap 5 from
Bootstrap 5 CDN
Bootstrap
JS +
POPPER
Advantages of using the Bootstrap 5 CDN
? Files may be pre-cached
o Bootstrap libraries are ubiquitous on the web. There's a high probability that a user visiting your pages has already visited a site using the Bootstrap CDN. Therefore, the file has already been cached by user browser and won't need to be downloaded again
? High-capacity infrastructures
o CDNs offer higher availability, lower network latency and lower packet loss
? Distributed data centers
o CDNs provide localized data centers which are closer to user's location and result in faster downloads
Bootstrap 5 Layout
? Bootstrap 5 uses container classes to wrap the page's contents. It contains two container classes
o .container - It represents a responsive fixed width container and the content is placed in the center of the viewport.
o .container-fluid - It represents a full width container.
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related download
- lesson 4 responsive design ryerson university
- internet technologies
- web programming 18csi351 module 4 bootstrap part i by
- building an e commerce website with bootstrap
- bootstrap getting started cleveland state university
- css js css javascript components bootstrap creative
- creating responsive web pages with bootstrap 3
- core 2 0 bootstrap 4
- learning bootstrap 4 programmer books
Related searches
- crossroads financial technologies llc
- crossroads financial technologies reviews
- crossroads financial technologies compl
- crossroads financial technologies sign in
- crossroads financial technologies complai
- crossroads financial technologies complaints
- educational technologies for the classroom
- top 10 emerging technologies 2019
- crossroads technologies amarillo
- crossroads technologies inc
- cross technologies greensboro nc
- new emerging technologies 2019