一篇随笔会用Bootstrap

郑重声明：
　　本站发布的内容仅限用于学习和研究目的.请勿用于商业或非法用途，否则后果请用户自负。

Bootstrap

0 简介

  • Bootstrap是美国Twitter公司的设计师 Mark Otto 和 Jacob Thornton 合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。

  • 2013年

  • 前端框架，快速构建好看的网页

  • 与Vue不同，BootStrap是一个前端开发框架，而Vue是一个Js库组件化开发框架

1 如何使用

  • 导入jQuery
  • 导入Bootstrap的css
  • 导入Bootstrap的js
  • 需要什么控件直接网站考入添加对应的class即可

2 栅格系统

Bootstrap栅格系统将页面等比例划分为12份

  • 首先需要一个div class="caontainer"
  • 内层需要一个div class="row"
  • 在内存div中，对于元素控件col-xl-列数来及控制占用的列数
  • 当占的列数超过总列数时，会直接换行

等比例划分，一份代码适用于各种平台：pc、mobile



	
		
		
		
		
		
		
	
	
		

			

				

					一共12列，我占12列
				

			

		

		

			

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

				
一共12列，我占1列

			

		

		

			

				
一共12列，我占3列

				
一共12列，我占3列

				
一共12列，我占3列

			

		

		

			

				
一共12列，我占8列

				
一共12列，我占6列

3 日期控件

根据日期控件里的例子来使用

4 轮播图

原文地址：https://www.cnblogs.com/hiwch/p/17214456.html

推荐文章

标签

. . .
Java Python linux javascript Mysql C# Docker SpringBoot Redis 前端 spring Vue .net core 设计模式 .net kubernetes 数据库 js c++ 大数据 微服务 机器学习 Android 数据结构 程序员 面试 Go JVM PHP ASP.net core git CSS 后端 k8s mybatis 爬虫 Nginx 多线程 Django React Spring Boot golang 云计算 容器 devops 分布式 云原生 深度学习 架构 hadoop spring cloud 人工智能 LeetCode sql SpringCloud 程序那些事 html Netty elasticsearch Maven 区块链 小程序 源码 WEB oracle WPF kafka mongoDB 编程 数据分析 HTML5 并发 Http Flutter jenkins spark webpack C语言 es6 nodejs 微信小程序 数据结构与算法 GitHub 程序人生 asp.net 每周热点回顾 教程 工具 编程语言 Unity prometheus 开源 RabbitMQ 自动化测试 开发 Centos ZooKeeper canvas iOS Scala Java基础 学习笔记 计算机网络 ubuntu Tensorflow 操作系统 Jquery 阿里云 网络 服务器 dubbo node webGL Istio 框架 Qt Python入门 物联网 springMVC 网络安全 flask Tomcat 缓存 idea C .netcore javaweb flink 学习 ai python3 shell 数据挖掘 node.js angular aop 腾讯云原生 TKE windows 软件测试 运维 web前端 tcp 华为云 web开发 jdk netcore 小傅哥 jmeter 源码分析 HBase JSON 微信 selenium Hive 面向对象 DDD C/C++ https Python基础 数组 原创 abp 安全 线程池 webapi python爬虫 excel 动态规划 3D 腾讯云 vue.js 并发编程 测试 .NET 6 typescript 数学 项目管理 面试题 笔记 OpenCV JAVA WEB blazor 高可用 前端开发 SQL Server ajax grpc 排序 api 互联网 架构设计 websocket 正则表达式 ORM 领域驱动设计 可视化 递归 pdf 索引 dotnet mvc markdown 数据仓库 性能优化 pandas 中间件 rpc NoSQL 负载均衡 网络编程 集群 总结 FFmpeg 消息队列 NLP Mac 字符串 ssh 高并发 salesforce学习 以太坊 SSM 二叉树 Java EE 锁 监控 软件开发 python开发 hdfs 线程 postgresql 入门 集合 elk vscode 分布式系统 PyTorch 性能测试 事务 vue3 /label/lzm HashMap css3 网易云 Kotlin shiro 优化 自动化 Effective Java Third Edition 敏捷开发 Word 移动开发 RocketMQ 虚拟机 项目 链表 Azure winform UWP dart 数据可视化 Socket 渗透测试 jar GIS 反射 coding lua java并发 Jwt mapReduce 源码解析 插件 scrapy 音视频 GC Net Core solon serverless io 翻译 Spring源码 Nacos STM32 我没有三颗心脏 ioc swagger 工业互联网 web安全 PyCharm Akka 开发工具 日志 接口测试 接口 函数式编程 centos7 NIO