2016年11月22日

Bootstrap3 栅格系统-实例:流式布局容器

摘要: 将最外面的布局元素 .container 修改为 .container-fluid,就可以将固定宽度的栅格布局转换为 100% 宽度的布局。 ... —–下面有个“顶”字,你懂得O(∩_∩)O哈哈~ —–乐于分享,共同进步! —–更多文章请看:htt... 阅读全文

posted @ 2016-11-22 15:32 海南一哥 阅读(702) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-实例:从堆叠到水平排列

摘要: 使用单一的一组 .col-md-* 栅格类,就可以创建一个基本的栅格系统,在手机和平板设备上一开始是堆叠在一起的(超小屏幕到小屏幕这一范围),在桌面(中等)屏幕设备上变为水平排列。所有“列(column)必须放在 ” .row 内。 .col-md-1 .col-md-1 ... 阅读全文

posted @ 2016-11-22 15:30 海南一哥 阅读(286) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-栅格参数

摘要: 通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。 —–下面有个“顶”字,你懂得O(∩_∩)O哈哈~ —–乐于分享,共同进步! —–更多文章请看:http://blog.csdn.net/duruiqi_fx ... 阅读全文

posted @ 2016-11-22 15:15 海南一哥 阅读(354) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-媒体查询

摘要: 在栅格系统中,我们在 Less 文件中使用以下媒体查询(media query)来创建关键的分界点阈值。/* 超小屏幕(手机,小于 768px) *//* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的( Bootstrap 是移动设备优先) *//* 小... 阅读全文

posted @ 2016-11-22 14:58 海南一哥 阅读(196) 评论(0) 推荐(0) 编辑

Bootstrap3 栅格系统-简介

摘要: Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。简介 栅格系统用于通过一系列的行(row)与列(column)的... 阅读全文

posted @ 2016-11-22 14:40 海南一哥 阅读(226) 评论(0) 推荐(0) 编辑

Bootstrap3 概述

摘要: 注意:HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。 ...新特性:移动设备优先 Bootstrap 3 中,重写了整个框架,默认对移动设备友好的。... 阅读全文

posted @ 2016-11-22 14:31 海南一哥 阅读(163) 评论(0) 推荐(0) 编辑

jQuery中$(function()与(function($)等的区别详细讲解

摘要: (function($) {…})(jQuery);这里实际上是匿名函数,如下:function(arg){…} 这就定义了一个匿名函数,参数为arg而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){…})(p... 阅读全文

posted @ 2016-11-22 10:54 海南一哥 阅读(457) 评论(0) 推荐(0) 编辑

$(function() { })

摘要: 这是JQuery的语法,$表示JQuery对象,可以有好几种用法,比如传递选择器字符串、页面对象等,如果直接传函数体进去,表示当页面加载完毕时执行这个函数。 详解: JQUERY的内置函数,表示网页加载完毕后要执行的意思,和JAVASCRIPT原来的这个是一样的: window.... 阅读全文

posted @ 2016-11-22 10:52 海南一哥 阅读(128) 评论(0) 推荐(0) 编辑

根据class显示或隐藏多个div

摘要: 引用一下jquery,然后function放head中function test(){$(".1").css("display","none"); //隐藏class为1 的div//控制显示的话 $(".1").css("display","block"); //$(".2... 阅读全文

posted @ 2016-11-22 10:26 海南一哥 阅读(336) 评论(0) 推荐(0) 编辑

导航