2016年9月19日
Bootstrap入门（十八）组件12：徽章与巨幕
摘要： Bootstrap入门（十八）组件12：徽章与巨幕 1.徽章 2.巨幕 1.徽章 给链接、导航等元素嵌套 <span class="badge"> 元素，可以很醒目的展示新的或未读的信息条目。 首先，引入CSS文件 我们需要创建一个容器div，让它承载这个徽章 （<a><button>都可以使用） 阅读全文
posted @ 2016-09-19 20:42 DL_dl 阅读(689) 评论(0) 推荐(0) 编辑
Bootstrap入门（十七）组件11：分页与标签
摘要： Bootstrap入门（十七）组件11：分页与标签 1.默认样式的分页 2.分页的大小 3.禁用的分页 4.翻页的效果 5.两端对齐的分页 6. 标签的不同样式 7. 标签的大小 先引入本地的CSS文件 <link href="css/bootstrap.min.css" rel="styleshe 阅读全文
posted @ 2016-09-19 14:05 DL_dl 阅读(3423) 评论(0) 推荐(0) 编辑
2016年9月17日
Bootstrap入门（十六）组件10：well和具有响应式特性的嵌入内容
摘要： Bootstrap入门（十六）组件10：well和具有响应式特性的嵌入内容 well组件可以为内容增添一种切入效果。 具有响应式特性的嵌入内容可以根据被嵌入内容的外部容器的宽度，自动创建一个固定的比例，从而让浏览器自动确定视频或 slideshow 的尺寸，能够在各种设备上缩放。 这些规则被直接应用 阅读全文
posted @ 2016-09-17 12:28 DL_dl 阅读(3432) 评论(0) 推荐(0) 编辑
2016年9月16日
Bootstrap入门（十五）组件9：面板组件
摘要： Bootstrap入门（十五）组件9：面板组件 虽然不总是必须，但是某些时候你可能需要将某些 DOM 内容放到一个盒子里。对于这种情况，可以试试面板组件。 1.基本实例 2.带标题的面板 3.情景效果 4.代表格的面板 5.带列表组的面板 先引入本地的CSS文件 1.基本实例 我们先来创建一个基本的 阅读全文
posted @ 2016-09-16 16:06 DL_dl 阅读(1502) 评论(0) 推荐(0) 编辑
Bootstrap入门（十四）组件8：媒体对象
摘要： Bootstrap入门（十四）组件8：媒体对象 这是一个抽象的样式，用以构建不同类型的组件，这些组件都具有在文本内容的左或右侧对齐的图片（就像博客评论或 Twitter 消息等）。 1.基本样式 2.嵌套使用 3.图片位置 4.使用<ul><li>标签嵌套使用 先引入本地的CSS文件 1.基本样式 阅读全文
posted @ 2016-09-16 14:20 DL_dl 阅读(1272) 评论(0) 推荐(1) 编辑
2016年9月15日
Bootstrap入门（十三）组件7：导航条
摘要： Bootstrap入门（十三）组件7：导航条 1.默认样式的导航条 2.嵌入表单和按钮 3.嵌入文本和非导航的链接 4.组件排列和下拉菜单 5.固定在顶部/底部 6.反色的导航条 7.路径导航 首先先了解一些内容（原话）： ①.导航条内所包含元素溢出 由于 Bootstrap 并不知道你在导航条内放 阅读全文
posted @ 2016-09-15 01:47 DL_dl 阅读(3966) 评论(0) 推荐(0) 编辑
2016年9月12日
Bootstrap入门（十二）组件6：导航标签页
摘要： Bootstrap入门（十二）组件6：导航标签页 1.标签页 2.胶囊式标签页 3.垂直展示 4.两端对齐的标签页 5.禁用的链接 6.添加下拉菜单 先引入本地的CSS文件和JS文件（注：1.bootstrap是需要jQuery支持的。2.需要在<body>当中添加） <link href="css 阅读全文
posted @ 2016-09-12 19:26 DL_dl 阅读(5063) 评论(0) 推荐(0) 编辑
2016年9月11日
Bootstrap入门（十一）组件5：输入框组
摘要： Bootstrap入门（十一）组件5：输入框组 1.为其中添加第一个输入框 2.添加额外的元素 3.为用户提供标识 4.改变输入框的尺寸 5.为额外添加多选/单选框 6.与按钮结合 7.与下拉菜单结合 先引入本地的CSS文件和JS文件（注：1.bootstrap是需要jQuery支持的。2.需要在< 阅读全文
posted @ 2016-09-11 17:29 DL_dl 阅读(3741) 评论(0) 推荐(0) 编辑
Bootstrap入门（十）组件4：按钮组与下拉菜单结合
摘要： Bootstrap入门（十）组件4：按钮组与下拉菜单结合 先引入本地的CSS文件和JS文件（注：1.bootstrap是需要jQuery支持的。2.需要在<body>当中添加） <link href="css/bootstrap.min.css" rel="stylesheet"> <link hr 阅读全文
posted @ 2016-09-11 00:28 DL_dl 阅读(1820) 评论(0) 推荐(0) 编辑
2016年9月9日
Bootstrap入门（九）组件3：按钮组
摘要： Bootstrap入门（九）组件3：按钮组 先引入本地的CSS文件和JS文件（注：1.bootstrap是需要jQuery支持的。2.需要在<body>当中添加） <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css 阅读全文
posted @ 2016-09-09 23:29 DL_dl 阅读(961) 评论(0) 推荐(0) 编辑