【Bootstrap 2.3.2学习】的更多相关文章

桂电在线-转变成bootstrap版3(记录学习bootstrap)

继续上文 正文菜单 html: <!-- 菜单块 --> <div class="on-light" id="menus"> <section class="container" id="life-menus"> <header class="col-xs-12 text-center"> <h2 class="bs-docs-featuret…

桂电在线-转变成bootstrap版2(记录学习bootstrap)

下载bootstrap框架https://github.com/twbs/bootstrap 或者 http://getbootstrap.com/ 拷贝模板 修改基本模板 语言zh-cn,标题,描述 修改css,js,网站logo路径 修改后 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv=&q…

基于jQuery，bootstrap的bootstrapValidator的学习（一)

bootstrap:能够增加兼容性的强大框架. 因为移动端项目需要数据验证,就开始学习了bootstrapValidator . 1.需要引用的文件: css: bootstrap.min.css bootstrapValidator.min.css js: jquery-2.1.4.min.js bootstrap.min.js bootstrapValidator.min.js 以及: fonts文件 2.HTML编写  在表单中,若对某一字段想添加验证规则,默认需要以<div class=…

Bootstrap基本类和组件学习二

一.联系方式:(自带鼠标的移动动画) 1.头文件CSS <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.5" rel="stylesheet"> <link href="css/font-awesome.min.css?v=4.4.0" rel="…

bootstrap全局CSS样式学习

参考http://v3.bootcss.com/css/,根据自己的记忆进行的复述,加深记忆. 首先介绍bootstrap全局CSS样式 只通过使用bootstrap.css,即可获得统一的样式设置.在使用全局bootstrap的样式时,只需=设置每个元素的class属性值即可. 同意基础样式,防止不同浏览器的样式不同,使用了Normalize.css. bootstrap需要为页面内容和栅格系统包裹一个 在一个容器中.共有两个有此作用的class .container 类用于固定宽度并支持响应…

Bootstrap 2.3.2学习

1.下载架包,下载编译好的文件,文件目录结构如下所示: bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.min.css ├── js/ │ ├── bootstrap.js │ ├── bootstrap.min.js └── img/ ├── glyphicons-halflings.png └── glyphicons-halflings-white.png 添加min代表:对没有添加min的文件压缩而得到的压缩版. 使用boo…

Bootstrap下拉单学习

<!DOCTYPE HTML><html><head><link rel="stylesheet" href="/stylesheets/bootstrap.min.css"> <script src="/scripts/jquery.min.js"></script><script src="/scripts/bootstrap.min.js"&g…

Bootstrap相关优质项目学习清单

1:编码规范 by @mdo编写灵活.稳定.高质量的 HTML 和 CSS 代码的规范 http://codeguide.bootcss.com/ 2:快速.可靠.安全的依赖管理工具.Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载. 同时利用并行下载以最大化资源利用率,因此安装速度更快. https://yarn.bootcss.com/ 3:Liquid 是一门开源的模板语言,由Shopify创造并用 Ruby 实现.它是 Shopify 主题的骨骼,并且被用于加载店铺系统的动态内…

bootstrap学习总结-css样式设计(二)

首先,很感谢各位园友对我的支持,关于bootstrap的学习总结,我会持续更新,如果有写的不对的地方,麻烦各位给我指正出来哈.关于上篇文章,固定布局和流式布局很关键,如果还不太清楚的可以再看看我写的http://www.cnblogs.com/jtjds/p/5547261.html 这次我们来看看bootstrap中关于样式的一些具体关键的类以及如何使用这些类,类与类之间的区别,另外涉及到的一些相关类,举列子的时候解释. 一:表单      1:form-control类:含有此类的<inpu…

快速学习bootstrap前台框架

W3c里的解释 使用bootstrap需要注意事项 1.  在html文件第一行要加上<!doctype html>[s1] 2.  导入bootstrap.min.css文件 3.  导入jquery.js[s2] 与bootstrap.js[s3] 快速学习 1.  登陆http://www.w3cschool.cc/bootstrap 2.  查看里面解说 3.  通过以下实例了解如何学习w3c的bootstrap.(一个警告框的实例) <!DOCTYPE html> <…