Bootstrap框架(基础篇)之列表,表格,表单

【Bootstrap框架(基础篇)之列表,表格,表单】的更多相关文章

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst…

Bootstrap框架(基础篇)之按钮,网格,导航栏,下拉菜单

一,按钮注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮. 框架中提供了基础按钮的例子: <button class="btn" type="button">基础按钮.btn</button> <button class="btn btn-default" type="button&qu…

bootstrap 列表表格表单复选单选多选输入框组

一.列表 ul li 二.表格 table (http://www.runoob.com/bootstrap/bootstrap-tables.html) 1. 基本表格 <table class="table"> 2. 响应式表格 <div class="table respoinsive"><talbe > 单独设立标题样式标头样式三.表单第一种:常规样式(垂直) <form role="form&qu…

Bootstrap框架(基础篇)

本文引用慕课网http://www.imooc.com/learn/141 作者大漠讲的很详细,我没有全篇都引用,其中很多是添加了自己的一些理解. Bootstrap框架是基于JQuery 所以使用Bootstrap之前必须要引用JQuery,针对其优点这里引用一下其他大神对Bootstrap的评价 ☑ 简单灵活可用于架构流行的用户界面和交互接口的html.css.javascript工具集. ☑ 基于html5.css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的…

Bootstrap学习笔记（3）--表格\表单\图片

Bootstrap表格表格类: .table只会在表行之间增加横线; .table-striped会在表格行之间增减斑马线; .table-hover会给表设置鼠标悬停状态; .table-border会为所有的表格添加边框; .table-condensed让表格更加紧凑; tr,td,th类 .active让某一行单元格或者行处于激活状态; .success表示成功的样式; .warning表示警告的样式; .danger表示危险…

WEB学习-基础知识：列表、表单、div和span、注释、字符实体、HTML废弃标签介绍

列表无序列表无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的. ul就是英语unordered list,“无序列表”的意思. li 就是英语list item , “列表项”的意思. 这是我们学习的第一个“组标签”,就是要么不写,要么就要写一组. • <ul> • <li>北京</li> • <li>上海</li> • <li>广州</li> • <li>铁岭</li>…

HTML的列表表格表单知识点

无序列表格式有序列表格式 <ul> …

Bootsrap表格表单及其使用方法

bootstrap的使用 bootstrap中的js插件依赖于jQuery 因此jQuery要在bootstrap之前引入参考官网标准引入方法和引入样式排版标题 Bootstrap和普通的HTML页面一样,定义标题都是使用标签到 ,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示: 通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置: 1.重新设置了margin-top和margin-bottom的值, h1~…

HTML--绝对路径, 表格,表单, 框架

URL, URI, URN URL: 统一资源定位符: Uniform Resource Locator URN: 持久可用的资源标准名称 Uniform Resource Name , 比如邮箱 URI: Uniform Resource Identifier : 包含URL和URN 文字写在图片上: <html> <head> <title>背景图片</title> </head> <body background="qin.…

HTML表格表单综合——用户注册表

今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo…