当前位置:  开发笔记 > 编程语言 > 正文

有没有一种简单的方法可以开始使用Twitter Bootstrap?

如何解决《有没有一种简单的方法可以开始使用TwitterBootstrap?》经验,为你挑选了1个好方法。

今天我第一次尝试使用Twitter引导程序,但它失败了.我试着按照这里的说明进行操作.

首先,我曾经git clone git://github.com/twitter/bootstrap.git下载过bootstrap.结果我得到bootstrap了所有子目录和文件调用的目录.然后我创建了一个测试html文件,我从这里复制粘贴的html代码.然后我在浏览器中打开了这个html文件.它看起来不像它应该看起来.

然后我意识到html代码试图twitter-bootstrap-v2从不读取引导程序bootstrap.好的,我已重命名该bootstrap目录.之后,html文件看起来更好但不像它应该看起来那样.

然后我意识到html代码试图"读取" example-fixed-layout.css不存在的文件.好的,我已经通过复制粘贴css代码从包含html代码的同一页面创建了这个文件.之后我的html代码看起来更好,但仍然不像它应该看的那样.

然后我意识到css代码中example-fixed-layout.css有一个链接/twitter-bootstrap/images/gridbg.gif,在下载的目录中我没有这个图像.此时我放弃了.

有没有一种简单的方法可以开始使用Twiter bootstrap?

而且,我很困惑的事实是我需要"编译CSS和JavaScript"(就像这里写的那样).如何编译JavaScript?有可执行css这样的东西吗?



1> Zim..:

无需编译......

一个非常简单的入门方法是在HTML中直接从BootstrapCDN引用Bootstrap CSS和JS .

完整的CSS


完整的JavaScript


另请查看Bootply,这是一个仅用于Bootstrap的HTML/JS/CSS编辑器.这是查看不同Bootstrap样式,元素和组件如何工作的任何简单方法.

推荐阅读
ERIK又
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有