Bootstrap基础知识一

一、Bootstrap基础

1、Bootstrap是一个用于快速开发Web应用程序或网站的前端框架,他是基于HTML、CSS和JavaScript的开源组件;

2、Bootstrap采用移动优先原则,即以移动设备应用程序优先;

3、Bootstrap采用响应式设计,即他可以自动适应台式机、平台电脑和其它移动设备的显示器;

二、Bootstrap安装

1、可以通过以下链接获取Bootstrap程序 点击打开链接 

2、可以根据需要选择下载已经编译好的Bootstrap包或者带有源码的Bootstrap包,起目录结构如下所示:

   <1>预编译的Bootstrap目录结构

   Bootstrap基础知识一_第1张图片

          css文件夹是Bootstrap的css文件,js文件包含Bootstrap的js文件,fonts文件夹包含Bootstrap字体文件。

   <2>Bootstrap源代码

          Bootstrap基础知识一_第2张图片

         <1>dist文件夹:文件夹包含了上面预编译下载部分中所列的文件和文件夹;

         <2>docs文件夹:包含文旦和例子;

         <3>less/js/ 和 fonts/ 下的文件分别是 Bootstrap CSS、JS 和图标字体的源代码。

三、Bootstrap程序引入模板



   
      Bootstrap 模板
      
      
      

      
      
      
   
   
      

Hello, world!



    

你可能感兴趣的:(Bootstrap)