精华内容
下载资源
问答
  • bootstrap Neat.css Reset.css:http://meyerweb.com/eric/tools/css/reset/ Normalize.css: 转载于:https://www.cnblogs.com/zzjeny/p/5798881.html

    bootstrap

    Neat.css

    Reset.css:http://meyerweb.com/eric/tools/css/reset/

    Normalize.css:

     

    转载于:https://www.cnblogs.com/zzjeny/p/5798881.html

    展开全文
  • Bootstrap的官方开源SVG图标。 访问并检查搜索功能,该功能具有用于标识常用图标名称和样式关键字。 例如,如果您搜索“ swift”,我们将调出可能用作箭头每个图标。 我们还包括了每个图标类名,以便在...
  • Bootstrap 通过设置html标签的class属性设置一些比较顺眼的固定...常用的页面控件,按钮组,输入框组,下拉菜单,导航栏,分页,缩略图,进度条,弹出框,模态框,轮播等等 jQuery 简洁优美地封装了html页面所涉及...

    Bootstrap
    通过设置html标签的class属性设置一些比较顺眼的固定统一的CSS样式,通过复制粘贴做一个又不是不能用的网页吧!
    12格网格系统,
    页面排版辅助类,浮动,显隐,常用背景色等等
    字体图标,
    各种定制的基本表单元素,按钮,表格样式
    常用的页面控件,按钮组,输入框组,下拉菜单,导航栏,分页,缩略图,进度条,弹出框,模态框,轮播等等

    jQuery
    简洁优美地封装了html页面所涉及的JS操作。
    获取DOM元素,选择器,筛选器
    操作DOM元素,插入,删除,复制,遍历
    修改DOM元素,text,CSS样式,表单的value,data-*数据
    封装DOM事件,事件对象封装,绑定委托切换设置事件,封装onclick等DOM事件,控制事件冒泡和默认事件
    封装表单操作,val,prop等
    动画效果,显隐,滑动,渐入渐出
    封装兼容一些BOM
    工具集,ajax,表单序列化等等

    Underscore
    封装简化了JavaScript的数据的操作。
    集合(Collections)
    each,map,filter,reject,where,findWhere,every,some,contains,invoke,
    pluck,max,min,sortBy,groupBy,indexBy,countBy,shuffle,partition等
    数组(Arrays)
    first,last,rest,initial,flatten,union,intersection,difference,
    uniq,zip,unzip,object,indexOf,range等
    函数(Functions)
    bind,partial,memoize,wrap,compose,once,debounce等
    对象(Objects)
    keys,values,mapObject,pairs,invert,pick,extend,omit,isEmpty,isNaN,isNull,isUndefined等
    实用功能(Utility)
    random,uniqueId,template等

    不想在前端的歪路上深入了,这些已经够了。
    不以DOM为页面逻辑核心的前端就是无根之木。

    展开全文
  • Bootstrap库之Modals

    2014-10-22 10:26:05
    Bootstrap库之Modals。 Bootstrap是Twitter推出的一个开发工具包,包含了一些比较常用的CSS,JavaScript代码。使用Bootstrap可以加快前端开发的速度。

    Bootstrap库之Modals。

    Bootstrap是Twitter推出的一个开发工具包,包含了一些比较常用的CSS,JavaScript代码。使用Bootstrap可以加快前端开发的速度。

    标签属性讲解:

    class="btn" ,显示出来是一个按钮,'btn'类选择器的定义在bootstrap.min.css

    data-controls-modal - 要显示的Modal的ID

    data-controls-modal="my_modal"中的my_modal就是我们上面我们定义的容器DIV

    data-backdrop - 背景选项

    data-backdrop="true"	这个属性值表示显示黑色的页面背景且点击黑色背景会隐蔽modal
    data-backdrop="false"	false,不显示黑色的背景
    data-backdrop="static"	static,会显示黑色背景但点击黑色背景不会隐蔽modal

    data-keyboard 键盘选项

    data-keyboard="false" 值可以是true或false,按下键盘ESC键时是否关闭(隐蔽)modal

    这样,无需写一行JS代码就可以建立一个Modal示例了。


    使Modals窗体可以拖动

    引入jquery ui的draggable组件,然后:

    $("#myModal").draggable({
        handle: ".modal-header"
    });


    展开全文
  • Uix Kit不是一个框架,只是一个基于一些常用库的UI工具包,用于构建漂亮响应式网站。 Uix Kit不是可重用组件结构,主要是基于自定义CSS和JavaScript组件。 绝对有趣,如果您主要开发是Web内容而不是应用...
  • 【前言】在项目里用了Bootstrap框架,第一次写前端,发现不知道如何引用样式。 首先样式文件css js fonts放在什么地方? 按照现在的常用做饭,css放在WebContent...如果我本地有现成的css文件夹,就放在了WebConte

    【前言】在项目里用了Bootstrap框架,第一次写前端,发现不知道如何引用样式。

    • 首先样式文件css js fonts放在什么地方?

    按照现在的常用做饭,css放在WebContent目录下,而不能放在WEB-INF目录下

    • 其次,如何引用CSS?

    在Bootstrap样例代码中,核心库用了一个外部的cdn

    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">

    如果我本地有现成的css文件夹,就放在了WebContent/css目录下,该怎么引用呢?

    按照参考文章http://www.cnblogs.com/coolhwm/archive/2011/11/27/2265272.html 的做法,用jsp加载webcontent路径即可

    <%String path= request.getContextPath();%>

    <link href="<%=path %>/css/bootstrap.min.css"rel="stylesheet">


    展开全文
  • Bootstrap

    2019-04-13 09:28:29
    一:什么是Bootstrap?...特效方面实现了轮播、菜单等常用的js控件; 样式采用less编写,js调用了jquery; 来自Twitter,现在委托保管再github上。 Bootstrap适用于网站的开发,不适用于管理系统(...
  • Bootstrap 是全球最受欢迎前端组件,用于开发响应式布局、移动设备优先 WEB 项目。Bootstrap4 目前是 Bootstrap 最新版本,是一套用于 HTML、CSS 和 JS 开发开源工具集。利用我们提供 Sass 变量和大量 ...
  • jQuery和Bootstrap的优点

    2020-03-12 10:50:53
    jQuery和Bootstrap的优点 ...1、轻量级JQuery非常轻巧2、强大的选择器JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及JQuery独创的高级而且复杂的选择器3、出色的DOM操作的封装JQuery封装了大量常用的D...
  • https://lib.sinaapp.com/js/bootstrap/v3.0.0/css/bootstrap.min.css"&gt; &lt;link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.m...
  • React项目中常用库

    千次阅读 2018-10-09 16:46:00
    create-react-app搭建项目中添加bootstrap npm install react-bootstrap --save npm install bootstrap@3.3.7 --save //安装bootstrap指定3.3.7 版本 在index.js文件中增加css引用 import 'bootstrap/dist/css/...
  • Bootstrap简介

    2018-09-28 21:18:10
    框架,lib library,从第三方引入的包,把常用的功能预先写好至一些文件(.js或.css等)。jQuery作为一个框架,提供一套比较便捷的操作DOM的方式。 What:Bootstrap,含义是引导指令、引导程序,是一个词,不是...
  • <!DOCTYPE html> <html> <head> <title>bootstrap<...-- 引入bootstrap的css样式 --> <link rel="stylesheet" type="text/css" href="https://cdn.bo...
  • jQuery: 官方: http://code.jquery.com/jquery-2.1.4.min.js   https://code.jquery.com/jquery-3.1.1.min.js 百度: ... bootstrap: 官方版: css文件:https://cdn.bo...
  • jQuery UI Bootstrap是一个将jQuery UI集成到Bootstrap的CSS框架,jQuery UI Bootstrap不仅可以利用jQuery UI强大的控件,同时还可以享受Bootstrap那种清新自然的主题风格,所以越来越多的前端开发者都在使用...
  • Bootstrap 学习 入门

    2019-05-12 20:39:11
    一:什么是Bootstrap?...特效方面实现了轮播、菜单等常用的js控件; 样式采用less编写,js调用了jquery; 来自Twitter,现在委托保管再github上。 Bootstrap适用于网站的开发,不适用于管理系...
  • Bootstrap4 目前是 Bootstrap 最新版本,是一套用于 HTML、CSS 和 JS 开发开源工具集。利用我们提供 Sass 变量和大量 mixin、响应式栅格系统、可扩展预制组件、基于 jQuery 强大插件系统,能够快速为你...
  • 前端学习---bootstrap

    2018-12-25 15:19:35
    bootstrap框架是为了简化开发者在开发工作中繁琐和重复性的工作,Bootstrap中定义了大部分开发者常用的css样式,提供给开发者调用,Bootstrap库中包含很多现成的代码片段,这些代码可为你的网站增加更多活力。...
  • 下拉菜单是前端的常用组件之一,几乎所有前端组件都提供这一组件。不知道大家有没有思考过如何实现一个下拉菜单,方法要尽量简单。我曾经用纯css实现过一个下拉菜单,思路就是利用overflow属性,非常简单:<...
  • Bootstrap 学习(一)入门

    千次阅读 多人点赞 2019-04-10 22:20:00
    一:什么是Bootstrap?...特效方面实现了轮播、菜单等常用的js控件; 样式采用less编写,js调用了jquery; 来自Twitter,现在委托保管再github上。 Bootstrap适用于网站的开发,不适用于管理系...
  • 下拉菜单是前端的常用组件之一,几乎所有前端组件都提供这一组件。不知道大家有没有思考过如何实现一个下拉菜单,方法要尽量简单。我曾经用纯css实现过一个下拉菜单,思路就是利用overflow属性,非常简单:<...
  • 对于初学Web前端的人来说,首先需要了解一些前端开发中的工具,有利于提升开发效率,在这里我们梳理一下目前比较常用的库,组件和构建工具。前端UI1. Bootstrap网址:https://www.bootcss.com/Bootstrap 是最受...

空空如也

空空如也

1 2 3 4 5
收藏数 91
精华内容 36
关键字:

常用的css库bootstrap