-
bootstrap学习使用
所属栏目:[安全] 日期:2020-12-17 热度:155
几个上上个星期看了点bootstrap 和上个星期 在加上昨天 总算是吧http://layoutit.justjavac.com/ 上面的可视化布局给看懂了是怎么回事,呵呵,女人就是笨,也不知道理解得对不对 为了做图片轮播,百度,谷歌导出找资料最后看上了两个一个是FlexSlider 一个就[详细]
-
bootstrap模态框(modal)使用remote方法加载数据,只能加载一次
所属栏目:[安全] 日期:2020-12-17 热度:174
bootstrap的modal中,有一个remote选项,可以动态加载页面到modal-body中 有两种方法,一种是使用链接,另一种就是使用脚本。 1 使用链接 a?href="user/userDetail.jsp"?data-toggle="modal"?data-target="#myModal"打开对话框/a 当点击该连接时,userDetail[详细]
-
Bootstrap CSS 概览
所属栏目:[安全] 日期:2020-12-17 热度:152
HTML 5 文档类型(Doctype) Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype)。因此,请在使用 Bootstrap 项目的开头包含下面的代码段。 span style="color:#ff0000;"!DOCTYPE htmlhtmlb/b..../html[详细]
-
Bootstrap3.0学习第一轮(入门)
所属栏目:[安全] 日期:2020-12-17 热度:120
前言 在上一节中http://www.cnblogs.com/aehyok/p/3381651.html主要是简单的介绍了一下Bootstrap。从http://www.bootcss.com/中文网不难发现现在是针对两个版本进行文档说明,看来两个版本的差别还是蛮大的。 不过从Visual Studio 2013前不久的更新中看,微[详细]
-
Bootstrap3.0学习第二轮(栅格系统原理)
所属栏目:[安全] 日期:2020-12-17 热度:121
Bootstrap3.0系列导航 1.BootStrap学习从现在开始?http://www.cnblogs.com/aehyok/p/3381651.html 2.Bootstrap3.0学习第一轮(入门)??http://www.cnblogs.com/aehyok/p/3398359.html 通过前面两篇博文的简单介绍,大致对于Bootstrap有了初步的了解。由于自己[详细]
-
Bootstrap3.0学习第三轮(栅格系统案例)
所属栏目:[安全] 日期:2020-12-17 热度:134
前言 在前面的一篇文章当中http://www.cnblogs.com/aehyok/p/3400499.html主要学习了栅格系统的基本原理,以及通过简单案例进行对原理的实践。通过今天对中文网http://www.bootcss.com/?的进一步了解,决定将原来的《Bootstrap3.0学习第三轮(布局)》修改成[详细]
-
Bootstrap 模态对话框只加载一次 remote 数据的解决办法
所属栏目:[安全] 日期:2020-12-17 热度:59
1. Bootstrap 模态对话框和简单使用 div?id="myModal"?class="modal?hide?fade"????div?class="modal-header"????????button?type="button"?class="close"?data-dismiss="modal"x/button????????h3对话框标题/h3????/div????div?class="modal-body"????????p[详细]
-
Bootstrap 模态对话框只加载一次 remote 数据的解决办法
所属栏目:[安全] 日期:2020-12-17 热度:165
1. Bootstrap 模态对话框和简单使用 div?id="myModal"?class="modal?hide?fade"????div?class="modal-header"????????button?type="button"?class="close"?data-dismiss="modal"x/button????????h3对话框标题/h3????/div????div?class="modal-body"????????p[详细]
-
Bootstrap
所属栏目:[安全] 日期:2020-12-17 热度:188
1、Bootstrap官网:http://www.bootcss.com/ 2、Bootstrap可视化布局系统:http://www.bootcss.com/p/layoutit/[详细]
-
Bootstrap3.0入门学习系列教程
所属栏目:[安全] 日期:2020-12-17 热度:130
前言 首先在此多谢博友们在前几篇博文当中给与的支持和鼓励,以及在回复中提出的问题、意见和看法。 在此先声明一下,之前在下小菜所有的随笔文章中,只有前两篇关于Bootstrap的文章发表在了博客园的首页,对于发布的这两篇文章的感受就是:大家的参与度比之[详细]
-
BootStrap学习笔记
所属栏目:[安全] 日期:2020-12-17 热度:196
教程地址:http://www.bootcss.com/ 一、模板 !DOCTYPE htmlhtml head titleBootstrap 101 Template/title meta name="viewport" content="width=device-width,initial-scale=1.0" !-- Bootstrap -- link href="css/bootstrap.min.css" rel="stylesheet" med[详细]
-
bootstrap使用总结
所属栏目:[安全] 日期:2020-12-17 热度:55
//大部分的功能都是可以通过指定data属性来指定 但是事件就必须用jquery因为事件都是不同的处理过程 //事件一般都有两种状态show shown 一般和过去 !DOCTYPE html html lang="en" ? head ? ? titleBootstrap 101 Template/title ? ? meta name="viewport" co[详细]
-
bootstrap 代码
所属栏目:[安全] 日期:2020-12-17 热度:96
!--???????????????div?class="panel-group?pinet-group"?id="accordion"?????????????????div?class="panel?panel-default"??????????????????div?class="panel-heading"????????????????????h4?class="panel-title"??????????????????????a?data-toggle="c[详细]
-
bootstrap datepicker 在bootstrap modal中不显示问题
所属栏目:[安全] 日期:2020-12-17 热度:179
?? 在普通的网页中显示datepicker比较简单,将bootstrap-datepicker-zh_CN.js 和?bootstrap-datepicker.css 拷贝到rails工程中相应的assets目录中,并在application.js 和 application.css文件中加载这两个文件 //= require bootstrap-datepicker-zh_CN ?*=[详细]
-
Bootstrap
所属栏目:[安全] 日期:2020-12-17 热度:149
Bootstrap——优秀的开源前端框架 声明:?本文已经首发于InfoQ中文站,版权所有,原文为《优秀的开源前端框架Bootstrap发布2.0.1版》,如需转载,请务必附带本声明,谢谢。 Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架,[详细]
-
小黑小波比.bootstrap带标题面板
所属栏目:[安全] 日期:2020-12-17 热度:58
如下效果: 如下代码: span style="white-space:pre"/spandiv class="panel panel-primary"div class="panel-heading"h3 class="panenl-title"Panel footer/h3/divdiv class="panel-body"Panel content/div/divdiv class="panel panel-success"div class="p[详细]
-
小黑小波比.获取值传入到radio控件,显示选中状态
所属栏目:[安全] 日期:2020-12-17 热度:150
label for="pwd"性别:/labelbr/ input type="radio" name="sex" value="1" data-item="sex" {@if Data.usex == 1}checked=true{@/if}男input type="radio" name="sex" value="2" data-item="sex" {@if Data.usex == 2}checked=true{@/if}女重点:{@if Data.us[详细]
-
基于bootstrap的后台二级垂直菜单
所属栏目:[安全] 日期:2020-12-17 热度:113
http://www.huosen.net/archives/176.html http://www.cnblogs.com/lhb25/archive/2013/04/11/10-metro-bootstraps-ui-templates.html[详细]
-
bootstrap学习之路
所属栏目:[安全] 日期:2020-12-17 热度:127
什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 Bootstrap 包的内容 基本结构 :Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在? Bootstrap 基本结构[详细]
-
bootstrap学习之路
所属栏目:[安全] 日期:2020-12-17 热度:161
实例 !DOCTYPE htmlhtml head titledemo1.html/title meta http-equiv="keywords" content="keyword1,keyword2,keyword3" meta http-equiv="description" content="this is my page" meta http-equiv="content-type" content="text/html; charset=UTF-8" !--[详细]
-
Bootstrap3实现的响应式幻灯滑动效果个人作品集/博客网站模板
所属栏目:[安全] 日期:2020-12-17 热度:103
在线演示 本地下载 相关的开发和使用说明,请参考如下课程: Bootstrap3开发滑动风格的博客网站模[详细]
-
小黑小波比.bootstarps提示框实现
所属栏目:[安全] 日期:2020-12-17 热度:187
tpl模板 div tpl="alert"{@if info}tpl name="alert"div class="alert alert-${itype} fade in" role="alert"${info}/div/tpl{@/if}/div 客户端js app.tpl("Admin-passwordrecover.alert",function(tpl,p) { var infom = tpl({ itype: "warning",//发送itype[详细]
-
Bootstrap3实现的响应式幻灯滑动效果个人作品集/博客网站模板
所属栏目:[安全] 日期:2020-12-17 热度:71
在线演示 本地下载 相关的开发和使用说明,请参考如下课程: Bootstrap3开发滑动风格的博客网站模板[详细]
-
小黑小波比.实现button关闭窗体
所属栏目:[安全] 日期:2020-12-17 热度:146
div id="myModal" tabindex="-1" style="position:absolute;zIndex:9999;display:none;width:200px;height:220px;top:100px;left:100px;"div class="modal-dialog"div class="modal-content"div class="modal-header"button type="button" class="close" dat[详细]
-
小黑小波比.划过区域显示手
所属栏目:[安全] 日期:2020-12-17 热度:60
div style="cursor:pointer;"/div 在style只要加上cursor:pointer就变成手状态[详细]