웹개발 교육/Bootstrap

[45일] bootstrap (7) - container

ewok 2022. 9. 29. 16:57
 

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>

 

07_container.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