前端开发的必经之路
文章平均质量分 81
jenice_forever
为实现自己的理想而努力奋斗中!!!
展开
-
Bootstrap网格系统
1、工作原理:Bootstrap框架的网格系统工作原理如下:(1)数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如:(2)在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。如: (3)具体内容应当原创 2017-05-22 22:01:09 · 240 阅读 · 0 评论 -
Bootstrap排版
1、标题:(1)标签到,但是Bootstrap覆盖了其默认样式。(2)通过比较可以发现,Bootstrap标题样式进行了以下显著的优化重置:重新设置了margin-top和margin-bottom的值, h1~h3重置后的值都是20px;h4~h6重置后的值都是10px。所有标题的行高都是1.1(也就是font-size的1.1倍),而且文本颜色和字体都继承父元素的原创 2017-05-22 21:59:27 · 289 阅读 · 0 评论 -
Bootstrap简介
1、Bootstrap:简单、灵活的用于搭建web页面的HTML、CSS、JavaScript的工具集。基于HTML5和CSS3。web搭建框架。2、如何使用Bootsstrap:(1)官方网站:http://getbootstrap.com/(2)注意:Bootstrap中的JS插件依赖于JQuery因此JQuery必须在Bootstrap之前引用。(3)原创 2017-05-22 21:57:17 · 210 阅读 · 0 评论 -
jQuery的属性和样式
1、.attr()与.removeAttr():每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。操作特性的DOM方法主要有3个,getAttribute方法、setAttribute方法和removeAttribute方法。在jQuery中用一个attr()与removeAttr()就可以全部搞原创 2017-05-26 16:29:36 · 320 阅读 · 0 评论 -
jQuery选择器
1、id选择器:——“#”一个用来查找的ID,即元素的id属性$( "#id" )id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器值得注意:id是唯一的,原创 2017-05-26 08:38:05 · 243 阅读 · 0 评论 -
bootstrap支持的js插件
1、导入JS插件:Bootstrap的JavaScript插件可以单独导入到页面中,也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库,所以不论是单独导入还一次性导入之前必须先导入jQuery库。(1)一次性导入:Bootstrap提供了一个单一的文件,这个文件包含了Bootstrap的所有JavaScript插件,即bootstra原创 2017-05-22 22:05:14 · 350 阅读 · 0 评论 -
bootstrap内置组件
1、缩略图:(1)Bootstrap框架将这一部独立成一个模块组件,并通过“thumbnail”样式配合bootstrap的网格系统来实现。 thumbnail"> thumbnail">原创 2017-05-22 22:04:23 · 439 阅读 · 0 评论 -
bootstrap导航条、分页导航
1、导航条:在导航条(navbar)中有一个背景色、而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式。(1)基础导航条:使用方法: 在制作一个基础导航条时,主要分以下几步:第一步:首先在制作导航的列表()基础上添加类名“navbar-nav”第二步:在列表外部添加一个容器(div),并且使用类名“navbar”和“navbar-defaul原创 2017-05-22 22:03:39 · 1976 阅读 · 0 评论 -
Bootstrap菜单、导航、按钮
1、下拉菜单:在使用Bootstrap框架的下拉菜单时,必须调用Bootstrap框架提供的bootstrap.js文件。当然,如果你使用的是未编译版本,在js文件夹下你能找到一个名为“dropdown.js”的文件。你也可以调用这个js文件。不过在我们的教程中,我们统一调用压缩好的“bootstrap.min.js”文件:特别声明:因为Bootstra原创 2017-05-22 22:02:04 · 556 阅读 · 0 评论 -
Bootstrap表单
1、基础表单:(1)表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。(2)Bootstrap并未对其做太多的定制性效果设计,仅仅对表单内的fieldset、legend、label标签进行了定制。(3)当然表单除了这几个元素之外,还有input、select、textarea等元素,在Bootstrap框架中,通过定制了一个类名“form-cont原创 2017-05-22 22:00:23 · 366 阅读 · 0 评论