bootstrap写响应式布局

最新推荐文章于 2022-05-25 15:01:55 发布

weijieyuhyt

最新推荐文章于 2022-05-25 15:01:55 发布

阅读量527

点赞数 4

分类专栏： bootstrap栅格布局文章标签： javascript css html5

本文链接：https://blog.csdn.net/weijieyuhyt/article/details/103959998

版权

本文介绍了Bootstrap这一流行的前端框架，用于快速开发响应式网站。Bootstrap的容器类提供了不同宽度以适应不同屏幕尺寸，如.container和.container-fluid。文章详细讲解了行(row)和列(column)的实现，包括不同屏幕尺寸下的.col-xs-*, .col-sm-*, .col-md-*, 和 .col-lg-*，以实现灵活的栅格布局。" 133231673,19695066,Spring Cloud Zuul网关详解：原理与实践,"['spring cloud', 'java', 'spring', '微服务']

摘要由CSDN通过智能技术生成

bootstrap 栅格布局
1.bootstrap框架
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、javaScript 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
对框架的初步感受：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">