首页 > 代码库 > Bootstrap的使用---起步
Bootstrap的使用---起步
1,对应的文件中:
提供了编译版的CSS和JS文件 (bootstrap.*
),也同时提供了编译并压缩之后的CSS和JS文件 (bootstrap.min.*
)。图片文件是使用ImageOptim 工具进行压缩的,这个工具是Mac平台上用于压缩PNG文件的一个app。
所有的js plugins里面的内容都依赖与jquery;
下面是
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://code.jquery.com/jquery.js"></script>
<!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>Hello, world!</h1> <script src="http://code.jquery.com/jquery.js"></script> </body> </html>
还有设置为Bootstrap样式:
<!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="http://www.mamicode.com/css/bootstrap.min.css" rel="stylesheet" media="screen"> </head> <body> <h1>Hello, world!</h1> <script src="http://code.jquery.com/jquery.js"></script> <script src="http://www.mamicode.com/js/bootstrap.min.js"></script> </body> </html>
然后可以参照例子写代码了;
这样就是简单的Bootstrap的起步,其余
主要是主页上面的导航中的几项:
脚手架 基本CSS样式 组件 Javascript插件 定制
Scaffolding, Base CSS,Components,Javascrit plugins,Customize
---
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。