首页 热点资讯 义务教育 高等教育 出国留学 考研考公

Bootstrap如何设置适应不同的屏幕用不同的布局?

发布网友 发布时间:2022-04-23 08:52

我来回答

1个回答

热心网友 时间:2022-04-19 22:16

<div class="col-xs-12 ">,col-xs-12指的是手机排满一行;

<div class=“col-sm-6”>,col-sm-6指的是平板排一半;

<div class="col-md-8">,col-md-8指的是电脑排12分之8个。

Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC的Breaking News都使用了该项目。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com