Bootstrap

概述：

是最受欢迎的HTML,CSS和JS框架,用于开发响应式布局,移动设备优先的WEB项目.

Bootstrap是基于jquery开发的,在使用时需要引入jquery的js文件.

响应式:一个网页可以兼容多种终端

JQuery是对js的封装

下载BootStrap:

www.bootcss.com官网地址

模板☆

1:导入BootStrap的css

2:导入jquery的js文件(1.8+)

3:导入BootStrap的js

4:设置视口(支持移动设备)

<meta name="viewport" content="width=dvice-width,initial-scale=1">

5:添加一个局部容器

给div设置一个class属性:

class="containner"固定宽度

class="container-fluid"类似于100%

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><!--4.添加视口--><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><!--1.导入Bootstrap的css文件--><link href="css/bootstrap.css" rel="stylesheet"><!--2.导入jQuery的js文件--><script src="js/jquery-3.2.1.min.js"></script><!--3.导入bootstrap的js文件--><script src="js/bootstrap.min.js"></script></head><body><div style="border: solid 1px red;height: 20px;"></div><!--5.添加布局容器--><div class="container-fluid"><div style="border: 1px solid red;height: 20px;"></div></div><div class="container"><div style="border: 1px solid red;height: 20px;"></div></div></body>
</html>

Bootstrap响应式框架,组件化开发相关推荐

bootstrap响应式框架
BootStrap: 框架:顾名思义就是一套结构,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预知样式库.组件和插件. 注意点:如果网页内容多的话,响应式的缺点显而易见,加载速度会慢, ...
BootStrap #响应式布局 #组件
响应式布局 1.啥叫响应式:根据浏览器页面的设备不同自动的改变布局图片文本不会影响体验 2.编写响应式的网页: (1)视口<meta name="viewport" ...
easyui前端框架模板_.NET Core基于Ace Admin的响应式框架
(给DotNet加星标,提升.Net技能) 转自:netnrcnblogs.com/netnr/p/12020660.html 前言 .NET Core的响应式框架基于Ace Admin框架菜单导航 ...
html响应式布局 ace,.NET Core基于Ace Admin的响应式框架
原标题:.NET Core基于Ace Admin的响应式框架转自:netnr cnblogs.com/netnr/p/12020660.html 前言 .NET Core的响应式框架基于Ace A ...
Web前端快速开发 Bootstrap 响应式UI框架
文章目录前言 Bootstrap介绍 Bootstrap3 Bootstrap 响应式UI框架使用布局容器栅格系统响应式工具类 bootstrap4 bootstrap5 变化的内容前言 ...
Bootstrap响应式Web开发(一)
Bootstrap响应式Web开发(一) 目录 Bootstrap响应式Web开发(一) 一.Bootstrap的概念.特点及组成二.浏览器三.Visual Studio Code 四.移动端开发 ...
java web响应式框架_Web开发的十佳HTML5响应式框架
HTML5框架是一类有助于快速轻松创建响应式网站的程序包.这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能.关于HTML5的框架种类繁多,并且很瘦欢迎,因为它能允许开发人员花费更少的时间和 ...
Bootstrap响应式Web开发笔记01——基础入门
Bootstrap响应式Web开发笔记01--基础入门 Bootstrap响应式Web开发笔记02--移动端页面布局 Bootstrap响应式Web开发笔记03--Bootstrap栅格系统 Boot ...
React.js组件化开发第一步(框架搭建)
开始前安装 node.js; 安装 cnpm; 安装 yarn; 安装完成yarn后, 将镜像替换成国内的: $ yarn config set registry 'https://registry ...

Bootstrap响应式框架,组件化开发

Bootstrap

概述：

下载BootStrap:

模板☆

Bootstrap响应式框架,组件化开发相关推荐

最新文章

热门文章