博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap3快速使用
阅读量:6826 次
发布时间:2019-06-26

本文共 647 字,大约阅读时间需要 2 分钟。

在2017年8月下旬,Bootstrap团队发布了Bootstrap 4 alpha版,以下内容是使用Bootstrap3。

移动设备优先

自Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。

Bootstrap网格系统

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。

1328928-20180306232226319-750270251.png

html模板

使用以下html模板快速使用Bootstrap3,注意若要使用Bootstrap的JavaScript插件,一定要先引入 jQuery.js,再引入bootstrap.js。

         Bootstrap 模板      

Bootstrap风格

如下图所示,Bootstrap3如果不自己定制css,通常就是如下6个颜色的组件。

1328928-20180306231646971-1285126780.png

类名包含 颜色
default 灰白
primary 深蓝
success 绿
info 天蓝
warning 橘红
danger 西瓜红

参考资料

Bootstrap 教程 _ 菜鸟教程

Bootstrap 可视化布局系统
Bootstrap 可视化布局系统-旧

转载于:https://www.cnblogs.com/gleamer/p/startbootstrap3.html

你可能感兴趣的文章
mysql数据库备份之主从同步配置
查看>>
angularJs(1)指令篇
查看>>
自定义Xadmin
查看>>
jsp页面表单的遍历要怎么写
查看>>
循环引用,看我就对了
查看>>
软件工程——第一周作业
查看>>
ubuntu14.04安装vmware workstation
查看>>
ArcGIS API for Silverlight部署本地地图服务
查看>>
小知识点
查看>>
python mongodb MapReduce
查看>>
python-数据类型
查看>>
Google MapReduce/GFS/BigTable三大技术的论文中译版
查看>>
Linux atop监控工具部署
查看>>
struts2请求过程源码分析
查看>>
效率比较--集合
查看>>
jmeter IF控制器学习--使用实例
查看>>
memory prefix retro,re out 2
查看>>
WebDriver API 实例详解(四)
查看>>
dom01
查看>>
Android实例-如何使用系统剪切板(XE8+小米2)
查看>>