【20170731 培训Bootstrap】的更多相关文章

20170731 培训Bootstrap

Bootstrap使用 涉及培训内容框架:--1 html html为标记语言,可以理解为容器,就是用来承载你想要展示到网页的内容的容器.版本也有很多,不同版本表示不同的标记的新增或者取代. Bootstrap 一.  Bootstrap 是什么? Bootstrap是Twitter推出的一个用于前端开发的开源工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架. 二.  Bootstrap 下载 地址:http://v3.boo…

6.bootstrap练习笔记-缩略图和list-group

bootstrap练习笔记-缩略图 1.其实缩略图很简单,只要按照固定的格式来设计 div.container 总容器  在宽度为1200px以上 div.row 一行内容 div.col-lg-3.col-md-4.col-sm-6.col-xs-12 表示在大于1200px (992px,1200px] (768px,992px] (0,768px]每行分别有 12/3 12/4 12/6 12/12   个缩略图 div.thumbnail表示存放缩略图的开始 img为缩略图 div.ca…

3.bootstrap练习笔记-媒体内容

bootstrap练习笔记-多媒体对象 1.在bootstrap中,如果想存放内容,一种解决的方式就是利用media这个class 首先要设置一个div.container作为一个总的容器来存放内容 div.row表示一行,一般结合栅格布局 一般格式如下 <div class='row'> <div class='col-md-6'> //表示一个div占据一行6/12 如果的col-md-3就是占据 3/12 <div class='media'> //表示用媒体来布…

4.bootstrap练习笔记-内容区块

bootstrap练习笔记-内容区块 1.bootstrap中,采用的全部是div布局,把你的内容首先要包含在一个大的DIV区块当中 2.然后再写一个div.container,这个div里面存放真正的内容 3.div.row表示这个div占据一整行 4.div.row>div.col-md-6.col-sm-6*2表示这两个div在大于768px和大屏幕的时候都占据一行的 6/12   md.sm.lg等都表示屏幕分辨率的大小 5.Img.img-responsive表示做成响应式的图片 ce…

[web建站] 极客WEB大前端专家级开发工程师培训视频教程

极客WEB大前端专家级开发工程师培训视频教程  教程下载地址: http://www.fu83.cn/thread-355-1-1.html 课程目录:1.走进前端工程师的世界HTML51.HTML5与HTML4的区别2.HTML5新增的主体结构元素3.HTML5新增的的非主体结构元素 4.HTML5表单新增元素与属性5.HTML5表单新增元素与属性(续)6.HTML5改良的input元素的种类 7.HTML5增强的页面元素8.HTML5编辑API之Range对象(一)9.HTML5编辑API之…

【巩固】Bootstrap笔记一

这两天开始重新巩固一下bootstrap的学习,群里有朋友介绍说麦子学院的教程不错,特地看了一下,有2个项目练习,所以跟着做了一下,下面开始笔记. <button class="navbar-toggle"> 可以在移动端显示的按钮 <div class="navbar-collapse collapse">后面那个collapse表示在移动端的时候不显示 导航里的<li>里要写<a>标签,把文字写在<a>…

全球第一本基于Bootstrap V3.x的图书《深入理解Bootstrap》终于上市了，再次免费送书15本【活动结束】

先说活动规则,再说书的事 经过将近1年的努力,终于有了第一本自己独立编写的书:<深入理解Bootstrap>,基于最新版V 3.1 ,侧重于源码详解.架构分析.插件扩展(全新开发)实战.为了感谢大家以往依赖的支持,所以再次来个大放送,15个名额,具体活动内容和规则如下: 活动1:博客园回帖送书 规则: 5月23.26.27.28.29总计5天,在本帖,每天10.14点的第一个回帖评论者,分别赠送本书1本. 同一ID不可以重复参与活动,重复的话,取紧接着的下一个人.不允许用程序刷屏,一旦发现,取…

前端框架——BootStrap学习

BootStrap简单总结下:1.栅格系统,能够很好的同时适应手机端和PC端(及传说中的响应式布局) 2.兼容性好 接下来是对BootStrap学习的一些基础案例总结和回顾: 首先引入:bootstrap.min.css,jquery.js,bootstrap.min.js文件 解决兼容手机端代码,下面的代码中如果没有注意加上. <!--解决兼容性问题--> <meta name="viewport" content="width=device-width,…

Bootstrap的学习以及简单运用

<!DOCTYPE html> <html> <head> <title>柠檬学院</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href=…

Bootstrap 与 ASP.NET MVC 4 不使用 NuGet Package 笔记

转自 http://www.mytecbits.com/microsoft/dot-net/bootstrap-with-asp-net-mvc-4-step-by-step 单位最近做了一个Bootstrap的培训,所以自己查了一些资料,使用ASP.NET MVC4来使用Bootstrap 准备 Visual Studio 2012 Dot Net Framework 4.5 MVC 4 jQuery 1.8.2 Bootstrap http://www.bootcss.com/ 查看Boot…