上一页 1 2 3 4 5 6 7 8 9 ··· 15 下一页
摘要: 其他内置组件 一、缩略图 使用方法: 通过“thumbnail”样式配合bootstrap的网格系统来实现。 <div class="container"> <div class="row"> <div class="col-xs-6 col-md-3"> <a href="#" class="th 阅读全文
posted @ 2020-07-10 08:40 碧果果 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 导航条、分页导航 一、导航条基础 导航条(navbar)和上一节介绍的导航(nav),就相差一个字,多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式。在这 阅读全文
posted @ 2020-07-09 09:38 碧果果 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 菜单、按钮及导航 一、下拉菜单 1、基本用法 使用方法: 在使用Bootstrap框架中的下拉菜单组件时,其结构运用的正确与否非常的重要,如果结构和类名未使用正确,直接影响组件是否能正常运用。我们来简单的看看: 1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素,示例中为: <div 阅读全文
posted @ 2020-07-08 17:01 碧果果 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 网格系统 一、工作原理 Bootstrap框架中的网格系统就是将容器平分成12份。 1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如: <div class="container"> <div class="row"></div> 阅读全文
posted @ 2020-07-08 14:08 碧果果 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 表单 一、基础表单 表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 二、水平表单 在<form>元素上使用类名“form-horizontal” <form class="form-horizontal" role="form"> <div class="fo 阅读全文
posted @ 2020-07-08 11:02 碧果果 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 一、排版 1、标题 <body> <!--Bootstrap中的标题--> <h1>Bootstrap标题一</h1> <h2>Bootstrap标题二</h2> <h3>Bootstrap标题三</h3> <h4>Bootstrap标题四</h4> <h5>Bootstrap标题五</h5> <h 阅读全文
posted @ 2020-07-08 09:50 碧果果 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 一、window "window":{ "backgroundTextStyle":"dark",//下拉刷新缓冲图标 "navigationBarBackgroundColor": "#0094ff",//小程序导航栏背景色 "navigationBarTitleText": "我的应用",//小 阅读全文
posted @ 2020-07-07 11:23 碧果果 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。 一、flex-direction属性,决定主轴的方向(即项目的排列方向)。 <body> <div class="flex"> <div class="flex-content">1</div> 阅读全文
posted @ 2020-07-07 11:22 碧果果 阅读(223) 评论(0) 推荐(0) 编辑
摘要: <script type="text/javascript"> function AddTableRow() { var Table = document.getElementById("NewTable"); //取得自定义的表对象 NewRow = Table.insertRow(); //添加 阅读全文
posted @ 2020-07-06 11:18 碧果果 阅读(5107) 评论(0) 推荐(0) 编辑
摘要: getRandomColor: function() { const rgb = [] for (let i = 0; i < 3; ++i) { let color = Math.floor(Math.random() * 256).toString(16) color = color.lengt 阅读全文
posted @ 2020-06-30 17:26 碧果果 阅读(401) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 15 下一页