How to make an HTML page Mobile friendly - Bootstrap Tutorial 04
4.2 هزار بار بازدید -
5 سال پیش
-
Notes for You:: How to
Notes for You:: How to make an HTML page Mobile friendly.
- To make an HTML page optimized for small screen devices; i.e. to make an HTML page get rendered properly on small screen devices; we need to add viewport meta tag to the head section of the page.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
</body>
</html>
where:
width=device-width : sets width of the HTML page to width of the device screen
initial-scale=1: sets zoom level of the HTML page to 1, when it is first loaded
we can also use:
maximum-scale : used to define how far user can zoom in to the page
minimum-scale : used to define how far user can zoom out of the page
Note:
- replace < with less-than symbol.
- replace > wtih greater-than symbol.
=========================================
Follow the link for next video:
Bootstrap Tutorial 05 - How to Link Bootstrap to HTML page
How to Link Bootstrap to HTML page | ...
Follow the link for previous video:
Bootstrap Tutorial 03 - First step for Creating a Website using Bootstrap
Initial steps to create a Website wit...
=========================================
Bootstrap Tutorials Playlist:-
Bootstrap Tutorials
=========================================
Watch My Other Useful Tutorials:-
Dreamweaver Tutorials Playlist:-
Dreamwear Tutorials
PHP Tutorials Playlist:-
PHP Tutorials
MySQL Tutorials Playlist:-
MySQL Tutorials
=========================================
► Subscribe to our YouTube channel:
chidrestechtutorials
► Visit our Website:
https://www.chidrestechtutorials.com
=========================================
Hash Tags:-
#ChidresTechTutorials #Bootstrap #BootstrapTutorial
- To make an HTML page optimized for small screen devices; i.e. to make an HTML page get rendered properly on small screen devices; we need to add viewport meta tag to the head section of the page.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
</body>
</html>
where:
width=device-width : sets width of the HTML page to width of the device screen
initial-scale=1: sets zoom level of the HTML page to 1, when it is first loaded
we can also use:
maximum-scale : used to define how far user can zoom in to the page
minimum-scale : used to define how far user can zoom out of the page
Note:
- replace < with less-than symbol.
- replace > wtih greater-than symbol.
=========================================
Follow the link for next video:
Bootstrap Tutorial 05 - How to Link Bootstrap to HTML page
How to Link Bootstrap to HTML page | ...
Follow the link for previous video:
Bootstrap Tutorial 03 - First step for Creating a Website using Bootstrap
Initial steps to create a Website wit...
=========================================
Bootstrap Tutorials Playlist:-
Bootstrap Tutorials
=========================================
Watch My Other Useful Tutorials:-
Dreamweaver Tutorials Playlist:-
Dreamwear Tutorials
PHP Tutorials Playlist:-
PHP Tutorials
MySQL Tutorials Playlist:-
MySQL Tutorials
=========================================
► Subscribe to our YouTube channel:
chidrestechtutorials
► Visit our Website:
https://www.chidrestechtutorials.com
=========================================
Hash Tags:-
#ChidresTechTutorials #Bootstrap #BootstrapTutorial
5 سال پیش
در تاریخ 1398/01/29 منتشر شده
است.
4,274
بـار بازدید شده