-
boostrap形状图片查看全部
-
如何编写弹窗查看全部
-
弹出面板查看全部
-
jestrap.com是针对Bootstrap设计的开发工具查看全部
-
boostrap标题排版查看全部
-
boostrap下载地址查看全部
-
分辨率查看全部
-
3-4 bootstrap中的表格 全屏宽度带水平线的表格.table 带边框的表格.table-bordered 条纹状表格.table-striped 悬停变色表格.table-hover 紧凑风格表格.table-condensed 相应的行改色row class="info" 或active warning success 例子： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <table class="table table-striped table-border table-hover"> <tr><th>标题一</th><th>标题二</th><th>标题三</th><th>标题四</th><th>标题五</th></tr> <tr><td>内容一</td><td>内容二</td><td>内容三</td><td>内容四</td><td>内容五</td></tr> <tr><td>内容一</td><td>内容二</td><td>内容三</td><td>内容四</td><td>内容五</td></tr> <tr><td>内容一</td><td>内容二</td><td>内容三</td><td>内容四</td><td>内容五</td></tr> <tr><td>内容一</td><td>内容二</td><td>内容三</td><td>内容四</td><td>内容五</td></tr> <tr><td>内容一</td><td>内容二</td><td>内容三</td><td>内容四</td><td>内容五</td></tr> </table> </body> </html>查看全部
-
3-3 bootstrap 文本 <P>标签：默认：14px；行高20px；底部外边距：10px； 文本对齐：.text-left .text-lright .text-center <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <p class="text-left">文字左对齐</p> <p class="text-rightr">文字右对齐</p> <p class="text-center">文字居中对齐</p> </body> </html>查看全部
-
3-2bootstrap标题 bootstrap中的排版 bootstrap对默认的排版方式进行了CSS样式定义，是的各种基本结构套用出来的HTML页面更加美观。 bootstrap中的排版--标题 标题（h1-h6/.h1-.h6）类为内联元素赋予标题的样式 副标题（small） 例子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <h1>标题一<small>小标题</small></h1> <h2>标题二</h2> <h3>标题三</h3> <h4>标题四</h4> <h5>标题五</h5> <h6>标题六</h6> <span class="h1">标题一</span> <span class="h2">标题二</span> <span class="h3">标题三</span> <span class="h4">标题四</span> <span class="h5">标题五</span> <span class="h6">标题六</span> </body> </html>查看全部
-
3-1 bootstrap的全局样式 1.传统前端开发过程中的 问题 重复、复杂、无意义的命名；结构冗余、胡乱嵌套；页面错乱 2.bootstrap全局样式的特点 代码整洁、风格统一、美观易用；利用大量的全局样式，基本的HTML元素均可通过class设置样式并得到增强效果查看全部
-
2-3 bootstrap环境搭建 1.必须的文件 bootstrap.min.css bootstrap.min.js和jquery 2.简单例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Hello World</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]--> </head> <body> <div class="text-center"> <h1>Hello World!</h1> <button type="button" class="btn btn-primary btn-lg">我是按钮，按我一下！</button> </div> </body> </html>查看全部
-
下载bootstrap 在www。bootcss。com中下载 用于生产环境的 bootstrap查看全部
-
2-1 bootstrap的环境搭建 1.特性 响应式设计 、栅格布局、完整的类库、jQuery插件 、不同的使用场景 2.bootstrap开发工具 任何前端开发工具均可，专门针对bootstrap的开发工具 jetstrap，下载地址 jetstrap。com，可视化，直接拖拽 3.bootstrap下载地址 官方getbootstrap.com 中文www.bootcss.com查看全部
-
1-1bootstrap简介 （1）bootstrap是twitter公司开发基于HTML\CSS\javascript 的前端框架 （2）为实现web应用程序快速开发提供的一套前端工具包 （3）响应式布局 （4）移动设备优先 目标：1）bootstrap全局样式2）viewport的意义3）栅格化布局 4）字体、图标 5）实现响应式布局开发查看全部
举报
0/150
提交
取消