WEEK-2
2) Make the above web application responsive web application using Bootstrap framework.
*Include Bootstrap files.
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
rel="stylesheet" href="[Link]
<script src="[Link]
</head>
*Structure your content using Bootstrap grid system:
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- Left column content -->
</div>
<div class="col-md-6">
<!-- Right column content -->
</div>
</div>
</div>
*Apply Bootstrap classes to make elements responsive
Using ‘img-fluid’ class to make images responsive
<img src="[Link]" class="img-fluid" alt="Responsive Image">
Use ‘Table –responsive’ class to make tables responsive.
Output:-
Questions
1) What is cdn? What is use?
2) What is the Use of Bootstrap?
3) What is the Key Features of Bootstrap?
4) Can I customize the bootstrap’s appearance?
5) Boostrap grid system works?