简要介绍Bootstrap,以及如何下载、使用-创新互联

下载Bootstrap

Bootstrap提供了几种可以帮你快速上手的方式,每种方式针对具有不同技能等级的开发者和不同的使用场景。继续阅读下面的内容,看看哪种方式适合你的需求吧。

创新互联公司是一家专业提供阳高企业网站建设,专注与成都网站建设、成都网站设计、H5场景定制、小程序制作等业务。10年已为阳高众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

编译后的CSS、JS和字体文件

获取Bootstrap最快速的方式就是下载经过编译和压缩的CSS、JavaScript文件,另外还包含字体文件。但是不包含文档和源码文件。

额外的下载渠道

下载源码    

从GitHub可以直接下载到Bootstrap最新版本的LESS和JavaScript源码。

Clone or fork via GitHub    

访问我们的Github源码库,你可以克隆整个项目,或者fork整个项目到你自己的账号。

通过Bower工具安装

通过Bower可以安装并管理Bootstrap的样式、JavaScript文件和文档。

bash$ bower install bootstrap

使用Bootstrap中文网提供的CDN加速服务

Bootstrap中文网为Bootstrap构建了自己的CDN加速服务,并且采用国内云厂商的CDN服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费。Bootstrap中文网还对大量的开源工具库提供了CDN服务,请进入Open CDN 主页查看更多可用的工具库。

使用国外的CDN加速服务

MaxCDN为Bootstrap免费提供了CDN加速服务。使用Bootstrap CDN提供的链接即可引入Bootstrap文件。

编译Bootstrap的LESS源码文件

如果你下载的是源码文件,那就需要将Bootstrap的LESS源码编译为可以使用的CSS代码,目前,Bootstrap官方仅支持Recess编译工具,这是Twitter提供的基于less.js构建的编译、代码检测工具。

包含了哪些文件

Bootstrap提供了两种形式的压缩包,在下载下来的压缩包内可以看到以下目录和文件,这些文件按照类别放到了不同的目录内,并且提供了压缩与未压缩两种版本。

Bootstrap依赖jQuery

请注意,所有 JavaScript 插件都依赖 jQuery,因此jQuery必须在Bootstrap之前引入, 就像在 基础模版中所展示的一样。在 bower.json文件 中列出了Bootstrap所支持的jQuery版本。

预编译Bootstrap版本

下载压缩包之后,将其解压缩到任意目录即可看到以下目录结构:

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff

这是最基本的Bootstrap组织形式:未压缩版的文件可以在任意web项目中直接使用。我们提供了压缩(bootstrap.min.*)与未压缩 (bootstrap.*)的CSS和JS文件。字体图标文件来自于Glyphicons。

Bootstrap 源码

Bootstrap源码包含了预先编译的CSS、JavaScript和图标字体文件,并且还有LESS、JavaScript和文档的源码。具体来说,主要文件组织结构如下:

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
├── docs-assets/
├── examples/
└── *.html

less/js/fonts/ 分别包含了CSS、JS和字体图标的源码。dist/ 目录包含了上面所说的预编译Bootstrap包内的所有文件。docs-assets/examples/ 和所有 *.html 文件是文档的源码文件。除了前面提到的这些文件,还包含package定义文件、许可证文件等。

基本模版

使用以下给出的这份超级简单的HTML模版,或者修改这些案例。我们强烈建议你对这些案例按照自己的需求进行修改,而不要简单的复制、粘贴。

拷贝并粘贴下面给出的HTML代码,这就是一个最简单的Bootstrap页面了。


  
    Bootstrap 101 Template
    
    
    

    
    
    
  
  
    

Hello, world!

                      

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享标题:简要介绍Bootstrap,以及如何下载、使用-创新互联
网站网址:http://scjbc.cn/article/ccgghh.html

其他资讯