码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap的使用---起步

时间:2014-05-15 09:22:36      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   java   c   

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="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="js/bootstrap.min.js"></script>
  </body>
</html>

 

然后可以参照例子写代码了;

这样就是简单的Bootstrap的起步,其余

 主要是主页上面的导航中的几项:

脚手架  基本CSS样式   组件  Javascript插件 定制 

Scaffolding,  Base CSS,Components,Javascrit plugins,Customize

---

 

 

Bootstrap的使用---起步,布布扣,bubuko.com

Bootstrap的使用---起步

标签:style   blog   class   code   java   c   

原文地址:http://www.cnblogs.com/pxpxstudy/p/3729028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!