Bootstrap安装环境配置教程分享_javascript技巧.docxBootstrap安装环境配置教程分享Bootstrap安装是非常容易的。此文是木人的学习汇总,便于以后杳询学习,同时也希望给大家带来帮助。一、下载Bootstrap您可以从/上下载Bootstrap的最新版本。当您点击这个链接时,您将看到如下所示的网页:ponent!JwaSoiptGmImueAboutBootstrapSleek,-:DownloadBootstrap:b载Bootstrapo点击该按钮,您可以卜载BootstrapCSS>JavaScript和字体的预编译的压缩版本。不包含文档和最初的源代码文件。DownloadSource:下载源代码。点击该按钮,您可以直接从from上得到最新的BootstrapLESS和JavaScript源代码。如果您使用的是未编译的源代码,您需要编译LESS文件來生成口J重用的CSS文件。对于编译LESS文件,Bootstrap官方只支持Recess,这是Twitter的基丁•less,js的CSS提示。为了更好的了解和更方便的使用,我们将在本教程中使用Bootstrap的预编译版木。由于文件是被编译过和压缩过的,在独立的功能开发中,您不必每次都包含这些独立的文件。本学,使用的是最新版(Bootstrap3)。二、文件结构1、预编译的Bootstrap当您下载了Bootstrap的已编译的版本,解压缩ZTP文件,您将看到下面的文件/目录结构:—css/bootstrapbootstrapsmtn..cssbootstrapbootstrap・t ・mtn•css—*—,lfUngs・regular・eotglyphtcons-halflings・「・halflings-~Qlyphtcons-halflings-rcgula「・woff如上图所示,可以看到已编译的CSS和JS(bootstrap.*),以及已编译压缩的CSS和JS(bootstrap,min.*)。同时也包含了Glyphicons的字体,这是一个可选的Bootstrap主题。2、Bootstrap源代码如果您下载了Bootstrap源代码,那么文件结构将如下所示:—less/—js/—fonts/—dist/-css/—js/—fonts/—docs-assets/—examples/—*・htnlless/、js/和fonts/T的文件分别是BootstrapCSS>JS和图标字体的源代码。dist/文件夹包含了上面预编译下载部分中所列的文件和文件夹。docs一assets/、examples/和所有的*・html文件是Bootstrap文档。三、HTML模板一个使用了Bootstrap的基本的HTML模板如下所示:<!DOCTYPEhtml><html><head><title>Bootstrap模板</title><metaname二〃v
Bootstrap安装环境配置教程分享 javascript技巧 来自淘豆网m.daumloan.com转载请标明出处.
