Bootstrap框架

Posted 呆萌老师博客号

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap框架相关的知识,希望对你有一定的参考价值。



/*
*作者:呆萌老师
*☑csdn认证讲师
*☑51cto高级讲师
*☑腾讯课堂认证讲师
*☑网易云课堂认证讲师
*☑华为开发者学堂认证讲师
*☑爱奇艺千人名师计划成员
*在这里给大家分享技术、知识和生活
*各种干货,记得关注哦!
*/

Bootstrap框架_爱奇艺

Bootstrap框架

一、下载安装

当您下载了 Bootstrap 的已编译的版本,解压缩 ZIP 文件,您将看到下面的文件/目录结构:

Bootstrap框架_爱奇艺_02

Bootstrap框架_爱奇艺_03

如上图所示,可以看到已编译的 CSS 和 JS(bootstrap.*),以及已编译压缩的 CSS 和 JS(bootstrap.min.*)。同时也包含了 Glyphicons 的字体,这是一个可选的 Bootstrap 主题。

  • 移动设备优先

<meta name="viewport" content="width=device-width, initial-scale=1.0">

  • Css样式,见手册
  • 组件

   导航条组件详解

Bootstrap框架_css_04

Bootstrap框架_bootstrap_05

缩略图组件详解:

Bootstrap框架_爱奇艺_06

Bootstrap框架_爱奇艺_07

  • 插件

   轮播图插件详解

Bootstrap框架_bootstrap_08

Bootstrap框架_css_09



以上是关于Bootstrap框架的主要内容,如果未能解决你的问题,请参考以下文章

Spring简介

框架设计之魂——反射

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

SpringMVC执行流程

乱码问题解决

JSTL