mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 02:24:19 +02:00
Code Issues Releases Wiki Activity

updated docs, fixed language, added copy-code js for selecting text on focus

Browse Source
This commit is contained in:
Mark Otto
2011-06-30 10:40:28 -07:00
parent 6aae3930c9
commit 588b2da937
8 changed files with 39 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/assets/css/docs.css
View File

@@ -89,7 +89,7 @@ div.quickstart div.row {
}
div.quickstart div.columns {
width: 285px;
height: 100px;
height: 117px;
margin-left: 0;
padding: 17px 20px 26px;
border-left: 1px solid #eee;
@@ -114,15 +114,11 @@ div.quickstart h6 {
div.quickstart form textarea {
display: block;
width: 275px;
height: 21px;
height: auto;
margin: 0 0 9px;
line-height: 21px;
white-space: nowrap;
overflow: hidden;
border-color: #ddd;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
#footer {
margin-top: 80px;

9
docs/assets/js/application.js
View File

@@ -35,6 +35,15 @@ $(document).ready(function(){
});
// Copy code blocks in docs
$(".copy-code").focus(function() {
$(this).select();
});
$(".copy-code").mouseup(function(e) {
e.preventDefault();
});
// scroll spyer
var activeTarget,
$window = $(window),

33
docs/index.html
View File

@@ -42,27 +42,12 @@
<div id="masthead">
<div class="inner">
<div class="container">
<!--
<div class="row">
<div class="span11 columns">
-->
<h1>Twitter Bootstrap</h1>
<p class="lead">
Bootstrap is a toolkit from Twitter designed to kickstart development of websites and apps.<br />
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.<br />
</p>
<p><strong>Nerd alert:</strong> Bootstrap is <a href="#less" title="Read about using Bootstrap with LESS">built with LESS</a> and was designed to work out of the gate with only modern browsers in mind.</p>
<!--
</div>
<div class="span5 columns">
<a href="" class="btn large primary">Download Bootstrap ZIP &raquo;</a>
<small>
<a href="">Visit project page on Github &raquo;</a><br />
(Current version: 1.0.0)
</small>
</div>
</div>
-->
<h1>Twitter Bootstrap</h1>
<p class="lead">
Bootstrap is a toolkit from Twitter designed to kickstart development of websites and apps.<br />
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.<br />
</p>
<p><strong>Nerd alert:</strong> Bootstrap is <a href="#less" title="Read about using Bootstrap with LESS">built with LESS</a> and was designed to work out of the gate with only modern browsers in mind.</p>
</div> <!-- /container -->
</div>
</div>
@@ -74,15 +59,15 @@
<h6>Hotlink the CSS</h6>
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
<form>
<textarea>&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
<textarea class="copy-code" rows="1">&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
</form>
</div>
<div class="span5 columns">
<h6>Use it with LESS</h6>
<p>A fan of using LESS.js? No problem, just clone the repo and add these lines:</p>
<form>
<textarea>&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css
&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
<textarea class="copy-code" rows="2">&lt;link rel="stylesheet/less" type="text/css" href="http://twitter.github.com/bootstrap.less&gt;
&lt;script src="less.js"&gt;&lt;/script&gt;</textarea>
</form>
</div>
<div class="span5 columns">