Skip to content

Commit b13583e

Browse files
sarwansinghsarwansingh
committed
update
1 parent e3483dd commit b13583e

File tree

7 files changed

+164
-0
lines changed

7 files changed

+164
-0
lines changed

‎ClassExamples/PJ128_AIML6m_Jan21/bootstrap/New Text Document.txt‎

Whitespace-only changes.

‎ClassExamples/PJ128_AIML6m_Jan21/bootstrap/container.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Bootstrap Example</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
8+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
9+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
10+
</head>
11+
<body>
12+
13+
<div class="container">
14+
<h1>First Bootstrap Page with container.
15+
First Bootstrap Page with container.
16+
First Bootstrap Page with container.
17+
First Bootstrap Page with container </h1>
18+
<p>AIML class is the champ</p>
19+
</div>
20+
21+
</body>
22+
</html>

‎ClassExamples/PJ128_AIML6m_Jan21/bootstrap/container_fluid.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Bootstrap Example</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
8+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
9+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
10+
</head>
11+
<body>
12+
13+
<div class="container-fluid">
14+
<h1>First Bootstrap Page with container-fluid
15+
First Bootstrap Page with container
16+
First Bootstrap Page with container
17+
First Bootstrap Page with container </h1>
18+
<p>AIML class is the champ</p>
19+
</div>
20+
21+
</body>
22+
</html>

‎ClassExamples/PJ128_AIML6m_Jan21/bootstrap/first.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<title>Basic Bootstrap Template</title>
7+
<!-- Bootstrap CSS file -->
8+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
9+
</head>
10+
<body>
11+
<h1>Hello, world!</h1>
12+
<!-- JS files: jQuery first, then Popper.js, then Bootstrap JS -->
13+
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
14+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
15+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
16+
</body>
17+
</html>

‎ClassExamples/PJ128_AIML6m_Jan21/bootstrap/grid1.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Bootstrap Example</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
8+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
9+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
10+
</head>
11+
<body>
12+
13+
<div class="container">
14+
15+
<div class="col-md-12">Span 12 </div>
16+
17+
<div class="col-md-6">Span 6 </div><div class="col-md-6">Span 6 </div>
18+
19+
<div class="col-md-1">Span 1 </div><div class="col-md-1">Span 1 </div>
20+
<div class="col-md-1">Span 3 </div><div class="col-md-1">Span 1 </div>
21+
<div class="col-md-1">Span 5 </div><div class="col-md-1">Span 1 </div>
22+
<div class="col-md-1">Span 7 </div><div class="col-md-1">Span 1 </div>
23+
<div class="col-md-1">Span 9 </div><div class="col-md-1">Span 1 </div>
24+
<div class="col-md-1">Span 11 </div><div class="col-md-1">Span 12 </div>
25+
26+
<div class="col-md-4">Span 4 </div><div class="col-md-8">Span 8 </div>
27+
28+
</div>
29+
30+
</body>
31+
</html>

‎ClassExamples/PJ128_AIML6m_Jan21/bootstrap/grid2-notequal.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<title>Bootstrap 4 Two Column Grid Layouts for Tablets and Desktops</title>
7+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
8+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
9+
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
10+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
11+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
12+
<style>
13+
/* Some custom styles to beautify this example */
14+
.demo-content{
15+
padding: 15px;
16+
font-size: 18px;
17+
background: #dbdfe5;
18+
margin-bottom: 15px;
19+
}
20+
.demo-content.bg-alt{
21+
background: #abb1b8;
22+
}
23+
</style>
24+
</head>
25+
<body>
26+
<h2 class="text-center my-3">Bootstrap Responsive Layout</h2>
27+
<div class="text-center">Example of Bootstrap columns .</div>
28+
<div class="container mt-3">
29+
<!--Row with two equal columns-->
30+
<div class="row">
31+
<div class="col-md-6">
32+
<div class="demo-content">.col-md-6</div>
33+
</div>
34+
<div class="col-md-6">
35+
<div class="demo-content bg-alt">.col-md-6</div>
36+
</div>
37+
</div>
38+
39+
<!--Row with two columns divided in 1:2 ratio-->
40+
<div class="row">
41+
<div class="col-md-4">
42+
<div class="demo-content">.col-md-4</div>
43+
</div>
44+
<div class="col-md-8">
45+
<div class="demo-content bg-alt">.col-md-8</div>
46+
</div>
47+
</div>
48+
49+
<!--Row with two columns divided in 1:3 ratio-->
50+
<div class="row">
51+
<div class="col-md-3">
52+
<div class="demo-content">.col-md-3</div>
53+
</div>
54+
<div class="col-md-9">
55+
<div class="demo-content bg-alt">.col-md-9</div>
56+
</div>
57+
</div>
58+
59+
<div class="row">
60+
<div class="col-md-2">
61+
<div class="demo-content">.col-md-2</div>
62+
</div>
63+
<div class="col-md-5">
64+
<div class="demo-content bg-alt">.col-md-5</div>
65+
</div>
66+
<div class="col-md-5">
67+
<div class="demo-content">.col-md-5</div>
68+
</div>
69+
</div>
70+
</div>
71+
</body>
72+
</html>

‎Slides/ResponsiveWebDesign-Bootstrap.pdf‎

1.79 MB
Binary file not shown.

0 commit comments

Comments
 (0)