首页 > 其他 > 详细

bootstrap笔记

时间:2018-09-21 18:08:48      阅读:171      评论:0      收藏:0      [点我收藏+]

Bootstrap简介

Bootstrap是最受喜欢的Html  css  和js框架,用于响应式布局,移动优先开发的web项目

Bootstrap的下载安装,文件的创建

1.下载网址:http://www.bootcss.com/

2.引入文件:

技术分享图片
1 <head>
2     <meta charset="UTF-8">
3     <title>Title</title>
4     <meta name="viewport" content="width=device-width,initial-scale=1">
5     <link rel="stylesheet" href="./css/bootstrap.css">
6     <script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
7     <script type="text/javascript" src="./js/bootstrap.js"></script>
8 
9 </head>
View Code

Bootstrap的全局样式

1布局容器:

  a:固定宽度响应式容器,样式名:container

    宽度:1170px      屏幕宽度大于等于1200px

    宽度:970px      屏幕宽度大于等于992px

    宽度:950px      屏幕宽度大于等于768px

    宽度:100%      屏幕宽度大于等于768px

  b:流体容器,宽度为100%,样式名:container-fluid

2栅格系统:

  

bootstrap笔记

原文:https://www.cnblogs.com/biaogejiushibiao/p/9427981.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!