快速了解Bootstrap—在MVA学习Bootstrap

©版权声明:本文为博主原创文章,如需转载请注明出处。

Bootstrap 是目前最流行的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB项目。

如果您希望在几个小时内对Bootstrap有一个直观的了解,观看微软虚拟学院(MVA)的视频教学Building Responsive UI with Bootstrap或许是个不错的选择。

这是一个大概六个小时的视频教学,分为七个部分。除了视频,每个部分还配有PPT和小测验。视频是英文的,配有英文字幕。通过这几个小时的学习,您将对Bootstrap的功能以及如何使用Bootstrap有一个初步的了解。

 #  标题 视频长度
 1  Introduction to Bootstrap 00:58:27
 2  Bootstrap Components 00:54:01
 3  Page Design 00:58:17
 4  Visual Studio and ASP.NET Integration 00:51:59
 5  JavaScript Functions 00:44:46 
 6  Using Bootstrap with LESS 00:47:45
 7  Bootstrap in the Real World 00:51:55

参考资料:

Bootstrap官方网站 http://getbootstrap.com
Bootstrap中文网 http://www.bootcss.com
GitHub项目主页 https://github.com/twbs/bootstrap
一些主题(CSS,可以下载)http://bootswatch.com
一些模板(CSS、fonts、js和html,可以下载) http://startbootstrap.com/template-categories/all/
一些使用Bootstrap的网站介绍 http://expo.getbootstrap.com http://expo.bootcss.com

时间: 2024-10-01 20:08:19

快速了解Bootstrap—在MVA学习Bootstrap的相关文章

快速学习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> <

Bootstrap 3.0 学习笔记(一)

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.截止到现在(2015-02-03)最新版本为 Bootstrap  3.0. 什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 为什么使用 Bootstrap? 移动设备优先:自 Bootst

Bootstrap一周学习小结

一.响应式布局 1.bootstrap是自适应mobile和web,会根据分辨率大小而自适应的一个代码库,Bootstrap定义了很多js和css的效果,把这些效果集成为多个API,供在使用时调用. 2.在用bootstrap做基本的页面也要在head标签内引用bootstrap的库,bootstrap的js库是以jQuery为核心的 <meta name="viewport" content="width=device-width, initial-scale=1&q

Bootstrap框架的学习(一)

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

[Bootstrap]7天深入Bootstrap(1)入门准备

由于申请了一个域名,一个云主机,开始弄个人网站. 发现Bootstrap非常方便,和重要,故开始学习与分享关于Bootstrap的技术. 推个广告 个人网站:http://www.51pansou.com BootStrap视频下载:Bootstrap视频 BootStrap源码下载:Bootstrap源码 本节目录: 简介 入门 基本模板 CSS基本语法 JS基本语法 扩展 简介 Bootstrap是目前最流行的前端开发框架,由Twitter的两位前 员工Mark Otto和Jacob Tho

【Bootstrap】1.初识Bootstrap

作为Web前端开发框架,Bootstrap为大多数标准的UI设计常见提供了用户友好.扩浏览器的解决方案. 1.下载Bootstrap 打开官方网址 http://getbootstrap.com/ 进行下载. 2.准备项目模板文件夹 接下来,我们为第一个项目创建一个文件夹以及一些基本的文件.谓词我们还要用到HTML5样板文件 HTML5 Boilerplate(H5BP),然后把Bootstrap的有用文件复制过去. 2.1 下载H5BP 访问网站链接地址:https://html5boiler

BootStrap之基础-1 BootStrap起步(基本概念、环境搭建)

一.基本概念 Bootstrap 简介 - 移动设备优先 - 所有的主流浏览器都支持Bootstrap 它既是由动态CSS语言Less写成 Github热门开源项目 包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目 够成 Bootstrap 目录说明 - CSS目录--用于存放Bootstrap框架使用的样式文件 - bootstrap.css文件: Bootstrap框架的样式文件 - bootstrap.min.css文件:Bootstrap框架的样式压

Bootstrap页面布局7 - Bootstrap响应式布局的实用类

在bootstrap-responsive.css这个CSS样式表中已经为我们设定好了几个实用的类: .visible-phone: 在智能手机设备上显示这个元素,在其他设备上隐藏该元素 .visible-tablet: 在平板电脑上显示这个元素,在其他设备上隐藏该元素 .visible-desktop: 在桌面电脑上显示这个元素,在其他设备上隐藏该元素 .hidden-phone: 在智能手机上隐藏,在其他设备上显示该元素 .hidden-tablet: 在平板电脑上隐藏,在其他设备上显示该元

本地使用 docker 快速搭建一个 PHP7.4 学习环境 | Laravel China 社区

原文:本地使用 docker 快速搭建一个 PHP7.4 学习环境 | Laravel China 社区 安装 docker# 安装方法:https://hub.docker.com/?overlay=onboarding 文档手册:https://docs.docker.com/docker-hub/ 安装完成后使用命令查看版本 $ docker --version 下载镜像# 1.拉取需要的镜像# 去 hub.docker.com 拉取需要的镜像 2.查看拉取方法# 3.转到终端界面# 拉取