Tekkaman

导航

 

2017年5月31日

摘要: 【Bootstrap 下拉菜单】 实现下拉菜单有几个要点: 1、根部div必须 class="dropdown" 2、Button必须 data-toggle="dropdown" 3、ul必须 class="dropdown-menu" 可以通过js来调用: 参考: 1、http://www.ru 阅读全文
posted @ 2017-05-31 23:04 Tekkaman 阅读(191) 评论(0) 推荐(0) 编辑
 
摘要: 【Bootstrap的aria-label和aria-labelledby】 用于盲人阅读的属性,基本也没什么用。 参考:http://blog.csdn.net/liuyan19891230/article/details/50452835 阅读全文
posted @ 2017-05-31 20:37 Tekkaman 阅读(384) 评论(0) 推荐(0) 编辑
 
摘要: 【Bootstrap 辅助类】 1、背景色 2、 3、向左右浮动 参考:http://www.runoob.com/bootstrap/bootstrap-helper-classes.html 阅读全文
posted @ 2017-05-31 16:52 Tekkaman 阅读(205) 评论(0) 推荐(0) 编辑
 
摘要: 【clearfix原理】 链接:http://blog.sina.com.cn/s/blog_60b35e830101c1r8.html 阅读全文
posted @ 2017-05-31 16:37 Tekkaman 阅读(221) 评论(0) 推荐(0) 编辑
 
摘要: 【Bootstrap 表单】 1、垂直(默认表单) 1、form元素添加role="form" 2、div添加class ="form-group" 3、input添加class="form-control" 2、内联表单。form元素添加class="form-inline"即可。 3、水平表单。 阅读全文
posted @ 2017-05-31 14:59 Tekkaman 阅读(218) 评论(0) 推荐(0) 编辑
 
摘要: 【Bootstrap 表格】 1、 2、 3、 4、 5、 <table class="table"> <caption>上下文表格布局</caption> <thead> <tr> <th>产品</th> <th>付款日期</th> <th>状态</th></tr> </thead> <tbody 阅读全文
posted @ 2017-05-31 13:42 Tekkaman 阅读(246) 评论(0) 推荐(0) 编辑
 
摘要: 【Bootstrap 网格系统】 1、网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了 Bootstrap 网格系统是如何工作的: row必须放置在 .container class 内,以便获得适当的对齐(alignment)和内边距(padding)。 使用row来创建col的水平组 阅读全文
posted @ 2017-05-31 13:10 Tekkaman 阅读(188) 评论(0) 推荐(0) 编辑
 
摘要: 【媒体类型 & 媒体查询】 @media 规则允许在相同样式表为不同媒体设置不同的样式。 在下面的例子告诉我们浏览器屏幕上显示一个14像素的Verdana字体样式。但是如果页面打印,将是10个像素的Times字体。请注意,font-weight在屏幕上和纸上设置为粗体: 如果文档宽度小于 300 像 阅读全文
posted @ 2017-05-31 12:24 Tekkaman 阅读(618) 评论(0) 推荐(0) 编辑
 
摘要: 【Bootstrap 代码】 Bootstrap 允许您以两种方式显示代码: 第一种是 <code> 标签。如果您想要内联显示代码,那么您应该使用 <code> 标签。 第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 <pre> 标签。 1、展示HTM 阅读全文
posted @ 2017-05-31 01:35 Tekkaman 阅读(268) 评论(0) 推荐(0) 编辑
 
摘要: 【Bootstrap排版】 1、为了给段落添加强调文本,则可以添加 class="lead",这将得到更大更粗、行高更高的文本。 2、文本对齐 3、文本样式 4、缩写 5、blockquote 6、大小写文本 参考:http://www.runoob.com/bootstrap/bootstrap- 阅读全文
posted @ 2017-05-31 01:15 Tekkaman 阅读(427) 评论(0) 推荐(0) 编辑
 
摘要: 【Bootstrap按钮】 1、 2、 3、 4、 5、 6、 7、 8、 9、 参考:http://www.runoob.com/bootstrap/bootstrap-buttons.html 阅读全文
posted @ 2017-05-31 00:59 Tekkaman 阅读(162) 评论(0) 推荐(0) 编辑