glyphicon | 易学教程

移动端position:fixed 解决方案

阅读更多关于移动端position:fixed 解决方案

相信不少人做移动端项目的时候都会遇到position:fixed 的坑。下面提供一个解决方法，不用引入任何其他的js库，纯css解决。解决问题的关键就是：fixed元素内部必须嵌套一个 position:absolute 元素，用来装载内容，目的就是为了让内容脱离fixed文档流，屏蔽一些fixed的坑 html部分 <!DOCTYPE html> <html lang="zh_cmn"> <head> <meta name="description" content="CSS position:flex in mobile" /> <meta charset=utf-8 /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <title>CSS position:flex in mobile</title> </head> <body> <header> <div class="fixed"> <div class="wrap float"

bootstrap常用图标

阅读更多关于 bootstrap常用图标

.glyphicon .glyphicon-adjust .glyphicon .glyphicon-align-center .glyphicon .glyphicon-align-justify .glyphicon .glyphicon-align-left .glyphicon .glyphicon-align-right .glyphicon .glyphicon-arrow-down .glyphicon .glyphicon-arrow-left .glyphicon .glyphicon-arrow-right .glyphicon .glyphicon-arrow-up .glyphicon .glyphicon-asterisk .glyphicon .glyphicon-backward .glyphicon .glyphicon-ban-circle .glyphicon .glyphicon-barcode .glyphicon .glyphicon-bell .glyphicon .glyphicon-bold .glyphicon .glyphicon-book .glyphicon .glyphicon-bookmark .glyphicon .glyphicon-briefcase .glyphicon .glyphicon-bullhorn

bootStrap Treeview插入+struts2+jQuery+ajax实现动态树

阅读更多关于 bootStrap Treeview插入+struts2+jQuery+ajax实现动态树

根据网上查询资料，经过测试，完成一个简单的树，涉及以下三个页面：tree.jsp 一、tree.jsp页面关键代码 1、引入文件 <link href="bootstrap-3.3.4.css" rel="stylesheet"> <link href="css/bootstrap-treeview.css" rel="stylesheet"> <script src="jquery.min.js"></script> <script src="js/bootstrap-treeview.js"></script> 2、tree容器 <div id="treeview" ></div> 3、js代码 <script type="text/javascript"> function getNodesData() {//此函数请求后台数据 var data=null; $.ajax({ url : "tree!getNodesData", type : "post", async : false,//同步 dataType : "json", success : function(jsonData) { data = jsonData; } }); return data; } //选择名称为treeview的DIV容器，加载树 $("#treeview") .treeview({

文件管理系统

阅读更多关于文件管理系统

效果图 <?php //读取管理项目，并且展示 require_once 'lib/dir.func.php'; require_once 'lib/file.func.php'; date_default_timezone_set("PRC"); error_reporting(E_ALL&~E_NOTICE); define('WEBROOT','webRoot'); $path=$_REQUEST['path']?$_REQUEST['path']:WEBROOT; $act=$_REQUEST['act']?$_REQUEST['act']:''; $dirName=$_REQUEST['dirName']?$_REQUEST['dirName']:''; $fileName=$_REQUEST['fileName']?$_REQUEST['fileName']:''; $info=read_directory($path); // print_r($info);exit; if(!is_array($info)){ exit("<script> alert('读取失败'); location.href='index.php'; </script>"); } //根据不同请求完成不同操作 switch($act){ case 'createDir': // echo

bootstrap常..................

阅读更多关于 bootstrap常..................

其实我们不用下载bootstrap也可以使用它： Bootstrap 中文网为 Bootstrap 专门构建了自己的免费 CDN 加速服务。基于国内云厂商的 CDN 服务，访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。 base.html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Bootstrap 101 Template</title>  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css"> </head> <body> <h1>你好，bootstrap！</h1> <!-- jQuery (necessary for Bootstrap's JavaScript

bootstrapvalidator的简单校验【必填校验、长度校验、是否存在校验（remote）】

阅读更多关于 bootstrapvalidator的简单校验【必填校验、长度校验、是否存在校验（remote）】

需求：输入框的"供应商编码"不能为空而且不能与数据库重复,供应商名称不能为空。解决: 1.input如下 1 <input id="ssupplierNo" name="ssupplierNo" type="text" 2 class="form-control input-sm" 3 value="${supplierinfo.ssupplierNo}" 供应商编码 " /> 2.js函数 1 jQuery(function() { 2 $('#Form').bootstrapValidator({ 3 feedbackIcons : { 4 valid : 'glyphicon glyphicon-ok', 5 invalid : 'glyphicon glyphicon-remove', 6 validating : 'glyphicon glyphicon-refresh' 7 } 8 , 9 fields : { 10 ssupplierNo : { 11 validators : { 12 notEmpty : { 13 message : '供应商编码不能为空' 14 }, 15 stringLength : { 16 max : 50, 17 message : '不超过50个字符' 18 } 19 , 20 remote:{ 21 message:

Angular repeat <span> n times

阅读更多关于 Angular repeat <span> n times

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 由翻译强力驱动问题: I have a JSON object that contains an int property x , I would like to repeat following code x times <span class = "glyphicon glyphicon-star" /> ng-repeat does not seem to be indicated as it's working with collection. Any suggestion (angular newbie) 回答1: I would use custom filter with ng-repeat : HTML <div ng-app = 'myApp' ng-controller = "Main" > <li ng-repeat = "n in [] | range:20" > <span class = "glyphicon glyphicon-star" > {{n}} </span> </li> </div> filter app . filter ( 'range' , function () { return function ( val , range )

python django+bootstrap4+mysql智慧交通系统构建

阅读更多关于 python django+bootstrap4+mysql智慧交通系统构建

之前，我做了一个实训的项目，但是一直没有展示如何做的，现在就让我讲解一下如何用django+bootstrap4+mysql实现这个智慧交通系统。这里用到的是网页的bootstrap4框架和mysql数据库。一：软件项目内容 1.实训项目简介　　智慧交通系统是旨在提高员工的日常工作便捷性、工作效率，降低管理及运营成本的实用项目。本软件系统将为该公司提供车辆信息管理、员工信息管理、线路信息管理、站点信息管理、排班方案管理等功能，同时提供了近场通讯功能（NFC）。利用这些功能充分满足该公交公司日常工作中的管理及信息同步需求。 2.用到的uml图 (1)用例图首先是需求分析环节，先判断需要的用例，各个外部人员的角色：　管理员用例，可以管理所有信息：　　调度员用例，只能操作排班，其他只能查看：　　　　调度员，只能查看排班信息：　 (2)数据流图数据流图是描绘数据在软件中流动和被处理的逻辑过程的模型。它与数据字典一起用来构成系统的逻辑模型。总的数据流图：三层数据流图：　　0 层图：顶层图把数据的流动进行了抽象，泛化。只对管理员和调度人员直接进行了数据流动分析，分为处理事务，排班信息和查询排班信息。　　1层图：　　　　1层图对顶层图进行了细分，分为人员信息，车辆信息，线路信息和站点信息管理。 (3)系统功能图 3.数据库设计 (1)ER图： (2

BootStrap-treeview 参考

阅读更多关于 BootStrap-treeview 参考

简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的 jQuery 多级列表树插件。该jQuery插件基于Twitter Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等等。插件依赖 Bootstrap v3.0.3 jQuery v2.0.3 以上两个外部依赖文件已经经过测试可以正常使用，其他版本的Bootstrap需要另行测试。该插件不支持bootstrap 2。使用方法首先要在页面中引入依赖文件和 bootstrap-treeview.js文件。  < link href = "./css/bootstrap.css" rel = "stylesheet" >  < script src = "./js/jquery.js" ></ script > < script src = "./js/bootstrap-treeview.js" ></ script > HTML结构可以使用任何HTML DOM元素来作为该列表树的容器： < div id = "tree" ></ div > 调用插件该列表树插件最基本的调用方法如下： function getTree() { // Some

Bootstrap 树形列表与右键菜单

阅读更多关于 Bootstrap 树形列表与右键菜单

Bootstrap 树形列表与右键菜单介绍两个Bootstrap的扩展 Bootstrap Tree View 树形列表 jQuery contextMenu 右键菜单 Demo采用CDN分发，直接复制到本地就可以看到效果。也可以自己到上面的链接下载对应的js和css。 1. bootstrap-treeview 先上效果图：不多BB，直接上完整Demo代码，复制下来自己对照着看，其他细节以及更多用法可以去上面的链接看作者怎么说。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1"> <title>bootstrap-treeview</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn

订阅 glyphicon