Bootstrap内容提要

2024-04-27 15:16:41

字体：大中小

来源：转载

供稿：网友

响应式框架Bootstrap将会根据你的屏幕的大小来调整HTML元素的大小 —— 强调响应式设计的概念。通过响应式设计，你无需再为你的网站设计一个手机版的。它在任何尺寸的屏幕上看起来都会不错。接下来我来大致总结一下刚刚学到的关于Bootstrap的内容。前提：1.在HTML文件开头添加<link rel="stylesheet" href="//cdn.bootCSS.com/bootstrap/3.3.1/css/bootstrap.min.css"/> 2.要将所有的HTML内容放在class为container-fluid的div之下。所有的属性基本就添加在class之中就可以使用了。

主要内容： 1.img-responsive 图片的大小自适应 2.text-center 使文本居中 3.btn 添加Bootstrap的默认按钮 btn-PRimary 天蓝色 btn-info 浅蓝色 btn-danger 红色 5.分栏这里写图片描述 6.span 为一个元素的不同部分制定样式 7.Font Awesome图标库添加方法：<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/> 示例：添加thumbs-up图标 <i class="fa fa-thumbs-up"></i>