使用 Bootstrap 创建响应式布局

发布日期： 2024-10-08 阅读量： 作者： 网络

使用 bootstrap 创建响应式布局

平安
在本文中，我将引导您完成使用 bootstrap 5 构建简单且响应式布局的过程。

这是我将向您介绍的 html 结构：

<section class="bg-dark text-light p-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-12 my-5">
                <h1 class="display-4">become a <span class="text-warning">web developer</span></h1>
                <p class="lead">lorem ipsum dolor sit amet consectetur adipisicing elit. earum dicta inventore magnam illo doloremque mollitia quis sint ullam atque officiis vel voluptas eum blanditiis unde autem maiores beatae, perferendis neque.</p>
                <button class="btn btn-primary btn-lg">start the enrollment</button>
            </div>
            <div class="col-lg-6 col-12 d-flex align-items-center">
                @@##@@
            </div>
        </div>
    </div>
</section>

# bootstrap # iis # 垂直居中

上一篇: 织梦DEDECMS中怎么增加父栏目调用及多级支持curren

下一篇: DedeCms怎么获取任意栏目N级列表链接树形菜单

使用 Bootstrap 创建响应式布局

随便看看