Bootstrap学习笔记

发布时间：2020-12-17 20:53:58 所属栏目：安全来源：网络整理

导读：Bootstrap会自动获取使用者屏幕的大小,并根据屏幕的大小自动调整HTML元素的宽度和高度来适配屏幕,因此称之为-- 响应式布局。通过响应式布局,你不再需要为你的Web站点重新设计一个手机版的页面, Bootstrap会自动帮你调整好在手机页上的页面显示,事实上, Boo

Bootstrap会自动获取使用者屏幕的大小,并根据屏幕的大小自动调整HTML元素的宽度和高度来适配屏幕,因此称之为--响应式布局。

通过响应式布局,你不再需要为你的Web站点重新设计一个手机版的页面,Bootstrap会自动帮你调整好在手机页上的页面显示,事实上,Bootstrap在任何宽度的设备上都能适应得很好。

1.引入连接:

使用Bootstrap也非常简单,你只需要把下面的链接添加到你需要使用Bootstrap来进行布局的应用的头部：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

Font Awesome是一个方便的图标库。这些图标都是矢量图形，以.svg文件格式存储。这些图标可以像字体一样被处理,你可以使用像素设置字体大小一样指定这些图标的大小，并且这些图标可以继承父类HTML标签的字体大小。

<link?rel?=“stylesheet”href?=“//?maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”/>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!