Bootstrap Get Started
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>07_container.html</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 참조 https://www.w3schools.com/bootstrap/bootstrap_get_started.asp -->
<div class="container">
<h1>My First Bootstrap Page</h1> <!-- 좌우 여백 있음 -->
<p>This part is inside a .container class.</p>
<p>The .container class provides a responsive fixed width container</p>
</div>
<div class="container-fluid"> <!-- 좌우 여백 없음 -->
<h1>My First Bootstrap Page</h1>
<p>This part is inside a .container class.</p>
<p>The .container class provides a responsive fixed width container</p>
</div>
</body>
</html>
My First Bootstrap Page
This part is inside a .container class.
The .container class provides a responsive fixed width container
My First Bootstrap Page
This part is inside a .container class.
The .container class provides a responsive fixed width container
'웹개발 교육 > Bootstrap' 카테고리의 다른 글
| [45일] bootstrap (9) - icon (0) | 2022.09.29 |
|---|---|
| [45일] bootstrap (8) - modal (0) | 2022.09.29 |
| [45일] bootstrap (6) - input (0) | 2022.09.29 |
| [45일] bootstrap (5) - pagination (0) | 2022.09.29 |
| [45일] bootstrap (4) - image (0) | 2022.09.29 |
Bootstrap Get Started
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>07_container.html</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 참조 https://www.w3schools.com/bootstrap/bootstrap_get_started.asp -->
<div class="container">
<h1>My First Bootstrap Page</h1> <!-- 좌우 여백 있음 -->
<p>This part is inside a .container class.</p>
<p>The .container class provides a responsive fixed width container</p>
</div>
<div class="container-fluid"> <!-- 좌우 여백 없음 -->
<h1>My First Bootstrap Page</h1>
<p>This part is inside a .container class.</p>
<p>The .container class provides a responsive fixed width container</p>
</div>
</body>
</html>
My First Bootstrap Page
This part is inside a .container class.
The .container class provides a responsive fixed width container
My First Bootstrap Page
This part is inside a .container class.
The .container class provides a responsive fixed width container
'웹개발 교육 > Bootstrap' 카테고리의 다른 글
| [45일] bootstrap (9) - icon (0) | 2022.09.29 |
|---|---|
| [45일] bootstrap (8) - modal (0) | 2022.09.29 |
| [45일] bootstrap (6) - input (0) | 2022.09.29 |
| [45일] bootstrap (5) - pagination (0) | 2022.09.29 |
| [45일] bootstrap (4) - image (0) | 2022.09.29 |
