前端学习（308）：bootstrap4之博客练习三

本篇博客深入探讨了使用Bootstrap4框架进行博客页面的构建和设计，包括响应式布局、组件应用和定制样式等内容，展示了如何利用Bootstrap4实现美观且功能完善的博客界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./iconfont2/iconfont.css">
    <style>
    .iconfangdajing{margin-right: 4px;font-size: 20px;position: relative;top: 4px;}
    .box200-250{width: 200px;height: 250px;background: gray;}
    </style>
</head>
<body>
    <div class="container">
        <!-- <header class="row py-2 align-items-center text-center">
            <div class="col text-left">
                <a href="#">Subscribe</a>
            </div>
            <div class="col">
                <h2><a href="#">Large</a></h2>
            </div>
            <div class="col text-right">
                <a href="#"><i class="iconfont iconfangdajing"></i></a>
                <a href="#">Sign up</a>
            </div>
        </header> -->
         <header class="row py-2 justify-content-between align-items-center">
            <div class="col-auto">
                <a href="#" class="text-muted">Subscribe</a>
            </div>
            <div class="col-auto">
                <h2><a href="#" class="text-dark text-decoration-none">Large</a></h2>
            </div>