微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Bootstrap学习笔记

一. 什么是Bootstrap?

  - Bootstrap是全球最受欢迎的前端组件库,用于开发响应式布局,移动设备优先的WEB项目.

    - www.bootcdn.cn

  - 一个网页设计的框架,包含一些已经设计好的css,js,html模板,使用者可以直接拿来用.

二. 下载Bootstrap

  https://v3.bootcss.com/getting-started/#download

三. 响应式页面

  - 对移动端很友好

  - 采用响应式技术的网页,会根据屏幕(浏览器窗口)大小自动进行调整适应.从而减轻的网页设计师的工作量.

  - 需要把下面这段代码放到网页的<head></head>标签

    <Meta name="viewport" content="width=device-width, initial-scale=1">

Bootstrap的基本使用

Bootstrap的栅格系统

Bootstrap的全局的CSS样式

Bootstrap的组件

 

 

<Meta name="viewport" content="width=device-width, initial-scale=1">

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐