BootStrap笔记

最新推荐文章于 2025-09-09 16:55:30 发布

转载最新推荐文章于 2025-09-09 16:55:30 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leiwenbin627/p/10964620.html

文章标签：

#javascript #ViewUI

本文详细对比了BootStrap、jQueryUI与EasyUI三种前端框架的特点与适用场景，提供了丰富的示例链接与使用步骤，适合后台管理系统及全站页面设计。

组件
BootStrap
    -css
    -js
BootStrap规则

jQueryUI
    -css
    -js
jQueryUI规则

EasyUI
    -css
    -js

推荐: 适用于后台管理
EasyUI规则

网站:http://www.jeasyui.com
模态对话框 demos-dialog-basic.html
页面布局 demos-layout-full.html
表格 demos-datagrid-basic.html
表格带操作 demos-datagrid-complextoolbar.html
css存放路径: themes

引用demos 首页--demosUI--复制源代码--将程序包考进来修改js和css路径

easyui使用:下载---找到首页demos---选应用---复制源码--修改css和js路径
easyUI存在大量ajx操作

推荐指数:* 适用于后台管理

网站:http://jqueryui.com/

jQueryUI规则
和EasyUI类似，没有EasyUI齐全
JQuery所有的例子在index.html-->找到源码--》把某一部分需要的复制下来就可以了

推荐:适用于全站偏向于主站页面最好看
BootStrap规则
BootStrap网站:https://v3.bootcss.com
引用bootstrap模板网上搜索免费的bootstrap模板
一.响应式
    @media

二.图标,字体
    @font-face 根据代码找图标
   图标的引用 copy---outerHTML <span class="glyphicon glyphicon-eur" aria-hidden="true"></span>
三.基本使用
bxSlider轮播图