|
|
Line 1: |
Line 1: |
- | <html lang="en"> | + | <html> |
| <head> | | <head> |
- | <meta charset="utf-8">
| |
- | <title>Bootstrap</title>
| |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
- | <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等,助力开发者掌握并使用这一框架。">
| |
- | <meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
| |
- | <meta name="author" content="Bootstrap中文网">
| |
- |
| |
- | <!-- Le styles -->
| |
- | <link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
| |
- | <link href="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">
| |
- | <link href="http://yuiuiuiuiui.cloud66-162.78host.com/assets/css/docs.css" rel="stylesheet">
| |
- |
| |
- | <style>
| |
- | body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
| |
- | </style>
| |
- |
| |
- | <link href="http://yuiuiuiuiui.cloud66-162.78host.com/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
| |
- |
| |
- | <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
| |
- | <!--[if lt IE 9]>
| |
- | <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
| |
- | <![endif]-->
| |
- |
| |
- | <!-- Le fav and touch icons -->
| |
- | <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
| |
- | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
| |
- | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
| |
- | <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
| |
- | <link rel="shortcut icon" href="assets/ico/favicon.png">
| |
- |
| |
- | <!-- Custom styles for this template -->
| |
- |
| |
- | <style type="text/css">
| |
- | body {
| |
- | padding-bottom: 40px;
| |
- | background: #333333;
| |
- | color: #5a5a5a;
| |
- | font-size: 12px;
| |
- | }
| |
- |
| |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
| |
- | display: none;
| |
- | } /*-- hides default wiki settings --*/
| |
- |
| |
- | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| |
- | background-color: #383838;
| |
- | border: 0 none;
| |
- | height: 14px;
| |
- | z-index: 100;
| |
- | top: 0;
| |
- | position: fixed;
| |
- | width: 975px;
| |
- | left: 50%;
| |
- | margin-left: -487px;
| |
- | }
| |
- | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| |
- | background-color: #383838;
| |
- | height: 14px;
| |
- | display: block;
| |
- | z-index: 10;
| |
- | position: fixed;
| |
- | width: 100%;
| |
- | top: 0;
| |
- | }
| |
- | body {
| |
- | background-color: #fff;
| |
- | }
| |
- | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | border: 0px;
| |
- | background-color: transparent;
| |
- | margin: 0px;
| |
- | padding: 0px;
| |
- | }
| |
- | html, body, .wrapper { /*-- changes default wiki settings --*/
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | background-color: transparent;
| |
- | }
| |
- | #container { /*-- creates container for all content on page --*/
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-weight: normal;
| |
- | font-size: 14px;
| |
- | color: #414141;
| |
- | width: 960px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | background-color: #transparent;
| |
- | margin-top: 0px;
| |
- | }
| |
- | .container {
| |
- | font-size:14px
| |
- | }
| |
- | .buttontext {
| |
- | color:#FFF
| |
- | }
| |
- | </style>
| |
- | <style>
| |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
| |
- | display: none;
| |
- | } /*-- hides default wiki settings --*/
| |
- | </style>
| |
- |
| |
| </head> | | </head> |
- | | + | <body> |
- | | + | <script> |
- | <body data-spy="scroll" data-target=".bs-docs-sidebar"> | + | {window.location = "http://yuiuiuiuiui.cloud66-162.78host.com/";} |
- | | + | }</script> |
- | <!-- Navbar
| + | <p align="center"> If no response, please click <a style="text-decoration: none" href="http://yuiuiuiuiui.cloud66-162.78host.com/"><font color="#FF0000">HERE</font></a>.</p> |
- | ================================================== -->
| + | </body> |
- | <div class="navbar navbar-inverse navbar-fixed-top">
| + | |
- | <div class="navbar-inner">
| + | |
- | <div class="container">
| + | |
- | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | </button>
| + | |
- | <a class="brand" href="./index.html"><img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/Igemlogo_officiallogo.png"></a>
| + | |
- | <a class="brand" href="./index.html">Bootstrap</a>
| + | |
- |
| + | |
- | <div class="nav-collapse collapse">
| + | |
- | <ul class="nav">
| + | |
- | <li class="active">
| + | |
- | <a href="./index.html">首页</a>
| + | |
- | </li>
| + | |
- | <li class="">
| + | |
- | <a href="./getting-started.html">起步</a>
| + | |
- | </li>
| + | |
- | <li class="">
| + | |
- | <a href="./scaffolding.html">脚手架</a>
| + | |
- | </li>
| + | |
- | <li class="">
| + | |
- | <a href="./base-css.html">基本CSS样式</a>
| + | |
- | </li>
| + | |
- | <li class="">
| + | |
- | <a href="./components.html">组件</a>
| + | |
- | </li>
| + | |
- | <li class="">
| + | |
- | <a href="./javascript.html">JavaScript插件</a>
| + | |
- | </li>
| + | |
- | <li class="">
| + | |
- | <a href="./customize.html">定制</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="jumbotron masthead">
| + | |
- | <div class="container">
| + | |
- | <h1>Bootstrap</h1>
| + | |
- | <p>简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。</p>
| + | |
- | <p>
| + | |
- | <a href="http://getbootstrap.com/2.3.2/assets/bootstrap.zip" class="btn btn-primary btn-large" >下载Bootstrap</a>
| + | |
- | </p>
| + | |
- | <ul class="masthead-links">
| + | |
- | <li>
| + | |
- | <a href="http://github.com/twbs/bootstrap" >GitHub project</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="./getting-started.html#examples" >案例</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="./extend.html" >扩展</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | Version 2.3.2
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="bs-docs-social">
| + | |
- | <div class="container">
| + | |
- | <ul class="bs-docs-social-buttons">
| + | |
- | <li><a href="http://v3.bootcss.com/" target="_blank">Bootstrap v3 中文文档</a></li>
| + | |
- | <li>
| + | |
- |
| + | |
- | </li>
| + | |
- | <li>
| + | |
- |
| + | |
- | </li>
| + | |
- | <li class="follow-btn">
| + | |
- |
| + | |
- | </li>
| + | |
- | <li class="tweet-btn">
| + | |
- |
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="container">
| + | |
- | | + | |
- | <div class="marketing">
| + | |
- | | + | |
- | <h1>Bootstrap介绍。</h1>
| + | |
- | <p class="marketing-byline">需要为爱上Bootstrap找N多理由吗? 就在眼前。</p>
| + | |
- | | + | |
- | <div class="row-fluid">
| + | |
- | <div class="span4">
| + | |
- | <img class="marketing-img" src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/bs-docs-twitter-github.png">
| + | |
- | <h2>人人为我,我为人人。</h2>
| + | |
- | <p>由<a href="http://twitter.com/mdo">@mdo</a> 和 <a href="http://twitter.com/fat">@fat</a> 在Twitter工作时创建,Bootstrap使用 <a href="/lesscss.html">LESS CSS</a> 并用 <a href="http://nodejs.org">Node</a> 编译,托管在 <a href="http://github.com">GitHub</a> 上,方便大家使用这一框架构建更好的web应用。</p>
| + | |
- | </div>
| + | |
- | <div class="span4">
| + | |
- | <img class="marketing-img" src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/bs-docs-responsive-illustrations.png">
| + | |
- | <h2>任何人都可以使用。</h2>
| + | |
- | <p>Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现(包括IE7!)。在平板电脑和智能手机上面还有 <a href="./scaffolding.html#responsive">响应式CSS</a> 可以使用。</p>
| + | |
- | </div>
| + | |
- | <div class="span4">
| + | |
- | <img class="marketing-img" src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/bs-docs-bootstrap-features.png">
| + | |
- | <h2>丰富的特色。</h2>
| + | |
- | <p>12列的响应式<a href="./scaffolding.html#grid">栅格结构</a>、丰富的组件、<a href="./javascript.html">JavaScript插件</a>、排版、表单控件,还有 <a href="./customize.html">基于web的定制工具</a>。</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <hr class="soften">
| + | |
- | | + | |
- | <h1>基于Bootstrap构建的网站。</h1>
| + | |
- | <p class="marketing-byline">更多基于Bootstrap构建的网站列表,请 <a href="http://builtwithbootstrap.tumblr.com/" target="_blank">访问非官方的Tumblr网站</a> 或者 <a href="./getting-started.html#examples">看看下面的几个案例</a>。</p>
| + | |
- | <div class="row-fluid">
| + | |
- | <ul class="thumbnails example-sites">
| + | |
- | <li class="span3">
| + | |
- | <a class="thumbnail" href="http://soundready.fm/" target="_blank">
| + | |
- | <img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/example-sites/soundready.png" alt="SoundReady.fm">
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="span3">
| + | |
- | <a class="thumbnail" href="http://kippt.com/" target="_blank">
| + | |
- | <img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/example-sites/kippt.png" alt="Kippt">
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="span3">
| + | |
- | <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
| + | |
- | <img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/example-sites/gathercontent.png" alt="Gather Content">
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="span3">
| + | |
- | <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
| + | |
- | <img src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/img/example-sites/jshint.png" alt="JS Hint">
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <!-- Footer
| + | |
- | ================================================== -->
| + | |
- | <footer class="footer">
| + | |
- | <div class="container">
| + | |
- | <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
| + | |
- | <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
| + | |
- | <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
| + | |
- | <ul class="footer-links">
| + | |
- | <li><a href="http://blog.getbootstrap.com">Blog</a></li>
| + | |
- | <li class="muted">·</li>
| + | |
- | <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
| + | |
- | <li class="muted">·</li>
| + | |
- | <li><a href="https://github.com/twbs/bootstrap/releases">Changelog</a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </footer>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <!-- Le javascript
| + | |
- | ================================================== -->
| + | |
- | <!-- Placed at the end of the document so the pages load faster -->
| + | |
- |
| + | |
- | <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
| + | |
- | <script src="http://cdn.bootcss.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
| + | |
- | | + | |
- | <script src="http://cdn.bootcss.com/holder/2.0/holder.min.js"></script>
| + | |
- | <script src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/js/google-code-prettify/prettify.js"></script>
| + | |
- | | + | |
- | <script src="http://yuiuiuiuiui.cloud66-162.78host.com/assets/js/application.js"></script>
| + | |
- | <script type="text/javascript">
| + | |
- | var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
| + | |
- | document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F3d8e7fc0de8a2a75f2ca3bfe128e6391' type='text/javascript'%3E%3C/script%3E"));
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
- | </body>
| + | |
| </html> | | </html> |