melao2006

2015年11月23日

Bootstrap 静态控件

摘要：当您需要在一个水平表单内表单标签后放置纯文本时，请在上使用 class.form-control-static。实例： Bootstrap历练实例：静态控件 Email: ... 阅读全文

posted @ 2015-11-23 11:14 melao2006 阅读(321) 评论(0) 推荐(0)

Bootstrap select(选择列表)

摘要：当您想让用户从多个选项中进行选择，但是默认情况下只能选择一个选项，则使用选择框1、使用多选择列表阅读全文

posted @ 2015-11-23 10:35 melao2006 阅读(1365) 评论(0) 推荐(0)

2015年11月22日

Bootstrap 响应式表格

摘要：响应式表格通过把任意的.table包在.table-responsiveclass 内，您可以让表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，您将看不到任何的差别。 Bootstrap历练实例：响应式表格 ... 阅读全文

posted @ 2015-11-22 21:00 melao2006 阅读(444) 评论(0) 推荐(0)

Bootstrap 表格2

摘要： Bootstrap历练实例：表格2 < tr >、< th > 和 < td > .active:将悬停的颜色应用在行或者单元格上 .success:表示一个成功的或积极的动作 ... 阅读全文

posted @ 2015-11-22 20:44 melao2006 阅读(130) 评论(0) 推荐(0)

Bootstrap 表格

摘要： Bootstrap提供了一个清晰的创建表格的布局标签：为表格添加基础的样式。标签：表格标题行的容器元素(),用来标识表格列。标签：表格主题中的表格行的容器元素()。标签：表格底部中的表格行的容器元素()。标签：一组出现在单行上的表格单元格的容器元素（或）。标签：默认的表格单元格。标签：特殊的表... 阅读全文

posted @ 2015-11-22 20:23 melao2006 阅读(164) 评论(0) 推荐(0)

Bootstrap 代码

摘要： Bootstrap允许您以两种方式显示代码：第一种：标签，如果您想要内联显示代码，那么您应该使用标签。第二种：标签，如果代码需要显示为一个独立的代码块元素或者代码有多行，那么您应该使用标签。提示：请确保当您使用和标签时，开始和结束标签使用了 unicode 变体：<和>。实例： ... 阅读全文

posted @ 2015-11-22 19:29 melao2006 阅读(155) 评论(0) 推荐(0)

Bootstrap 排版

摘要：使用Bootstrap排版特性，可以创建标题、段落、列表、以及其它的内联元素。1、标题Bootstrap中定义了HTML中所有的标题(h1到h6)的样式 Bootstrap历练作品这是标题 1 这是标题 2 这是标题 3 这是标题 4 这是标题 5 ... 阅读全文

posted @ 2015-11-22 16:09 melao2006 阅读(158) 评论(0) 推荐(0)

HTML5<picture>元素

摘要： HTML5元素可以设置多张图片 //小屏幕显示的图片 //大屏幕显示的图片 //不支持picture元素的图片 srcset属性的必须的，定义了图片资源。media属性是可选的，可以在媒体查询的CSS @media 规则查看详... 阅读全文

posted @ 2015-11-22 13:36 melao2006 阅读(1348) 评论(0) 推荐(0)

响应式Web设计- 背景图片

摘要：背景图片可以响应式调整大小或缩放，以下是三种不同的方式1、如果 background-size 属性设置为 "contain", 背景图片将按比例自适应内容区域。图片保持其比例不变： Bootstrap历练作品调整浏览器窗口查看图像是如何扩展的。 2、如果 backg... 阅读全文

posted @ 2015-11-22 13:09 melao2006 阅读(760) 评论(0) 推荐(0)

响应式Web设计- 图片

摘要：使用width属性：如果width属性设置为100%,图片会根据上下范围实现响应式的功能。调整浏览器窗口查看图像是如何扩展的。注意：在以上实例中，图片会比它原来实际例图片大，我们可以使用max-width属性来解决这个问题，如果max-width属性设置为100%，... 阅读全文

posted @ 2015-11-22 13:00 melao2006 阅读(137) 评论(0) 推荐(0)

公告