Bootstrap框架常用总结

Bootstrap框架常用标签: 标题标签:<h1>-<h6> bootstrap中也设置的相同的样式 - 若要使用必须使用空标签来定义比如<span class="h1"></span> 文本排版 : <p> bootstrap中对于文本的排版重新做了优化和定义.. <mark>咕咕咕</mark> 用这个标签修饰 “咕咕咕” 这…

bootstrap框架:常用内容一

<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> **代码IE=edge告诉IE使用最新的引擎渲染网页 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- <meta name="viewport&qu…

一.Bootstrap框架介绍 Bootstrap是一个非常优秀的前端UI框架,一个轻量级的UI前端框架,是基于HTML+CSS+JavaScript的框架. 二.简单介绍 Bootstrap框架是属于UI框架,与Jquery不一样,准确的描述Bootstrap框架属于CSS框架,而非JavaScript框架,但是它本身使用JavaScript来完善Bootstrap框架来完善视觉效果. 三.优点完美的支持H5和CSS3,以及支持移动端浏览器四.内容可以参考一下官方文档http://v3.…

Web前端学习笔记：Bootstrap框架

很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架.今天我要聊聊Bootstrap,最后给出一份我整理的Bootstrap的UI的demo,以及我自己使用Bootstrap开发的例子. 下面我在这里简单的介绍下Bootstrap框架. Bootstrap框架属于UI框架,这个和jQuery不太一样,其实准确的描述Bootstrap框架属于css框架而非javasc…

基于BootStrap框架构建快速响应的GPS部标监控平台

最近一个客户要求将gps部标平台移植到bootStrap框架作为前端框架,符合交通部796部标只是他们的一个基本要求,重点是要和他们的冷链云物流平台进行适配.我自己先浏览了客户的云物流平台的界面,采用的是bootStrap框架,自适应页面大小,基于html5开发,界面设计非常的简洁,清爽,冷色调,有点像苹果或者锤子的官方商城页面,这样可以快速的关注到自己想看到的内容.不像传统的物流网站千人一面,充斥着大量的物流广告还配有slider动图效果让人眼晕,显得很cheap. 显然如果直接将一个以后台数…

Bootstrap框架(基础篇)之按钮,网格,导航栏,下拉菜单

一,按钮注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮. 框架中提供了基础按钮的例子: <button class="btn" type="button">基础按钮.btn</button> <button class="btn btn-default" type="button&qu…

Bootstrap框架(基础篇)

本文引用慕课网http://www.imooc.com/learn/141 作者大漠讲的很详细,我没有全篇都引用,其中很多是添加了自己的一些理解. Bootstrap框架是基于JQuery 所以使用Bootstrap之前必须要引用JQuery,针对其优点这里引用一下其他大神对Bootstrap的评价 ☑ 简单灵活可用于架构流行的用户界面和交互接口的html.css.javascript工具集. ☑ 基于html5.css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的…

移动Web学习笔记（第1天）-bootstrap框架的使用

移动web前言移动web : 移动端手机浏览器或者微信里面浏览的网页移动APP : 手机上需要下载安装的应用程序 1. 移动web介绍 1.1 3 天响应式开发一套代码运行多个终端优点:开发快维护快适配好缺点加载速度慢 1.2 3 天纯原生移动web开发一套代码运行一个端优点: 加载速度快缺点开发慢维护慢适配差 1.3 应用场景 : 响应式开发用在一些新建的网站(PC和移动同时出来) 对加载速度要求不是很高纯原生移动web开发一般会用在一些已经有PC端上线的网站…

Bootstrap框架的了解和使用之栅格系统

前言 Bootstrap Bootstrap 包含了一个响应式的.移动设备优先的.不固定的网格系统,可以随着设备或视口大小的增加而适当地扩展到 12 列.它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类. Bootstrap框架使用方便,有一部分是因为它的网格布局,可以更快的制作响应式布局和媒体查询,减少时间.今天就带大家看一看网格布局如何使用. 1.1栅格系统的工作原理 1.行必须放置在 .container class 内,以便获得适当的对齐…

Bootstrap框架 inconfont font-awesome

Bootstrap框架和inconfont.font-awesome使用 iconfont的使用:https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 就是复制黏贴一把梭,html\css\js代码的封装组合…