├── CNAME ├── assets ├── ico │ ├── favicon.png │ └── apple-touch-icon-144-precomposed.png ├── js │ ├── raw-files.js │ ├── html5shiv.js │ ├── application.js │ └── respond.min.js └── css │ └── pygments-manni.css ├── examples ├── navbar │ ├── navbar.css │ └── index.html ├── screenshots │ ├── grid.jpg │ ├── navbar.jpg │ ├── theme.jpg │ ├── carousel.jpg │ ├── jumbotron.jpg │ ├── offcanvas.jpg │ ├── sign-in.jpg │ ├── justified-nav.jpg │ ├── navbar-fixed.jpg │ ├── navbar-static.jpg │ ├── non-responsive.jpg │ ├── sticky-footer.jpg │ ├── jumbotron-narrow.jpg │ ├── starter-template.jpg │ └── sticky-footer-navbar.jpg ├── navbar-fixed-top │ ├── navbar-fixed-top.css │ └── index.html ├── navbar-static-top │ ├── navbar-static-top.css │ └── index.html ├── starter-template │ ├── starter-template.css │ └── index.html ├── jumbotron │ ├── jumbotron.css │ └── index.html ├── offcanvas │ ├── offcanvas.js │ └── offcanvas.css ├── theme │ └── theme.css ├── grid │ └── grid.css ├── sticky-footer │ ├── sticky-footer.css │ └── index.html ├── signin │ ├── signin.css │ └── index.html ├── sticky-footer-navbar │ ├── sticky-footer-navbar.css │ └── index.html ├── jumbotron-narrow │ ├── jumbotron-narrow.css │ └── index.html ├── justified-nav │ ├── justified-nav.css │ └── index.html ├── non-responsive │ ├── non-responsive.css │ └── index.html └── carousel │ └── carousel.css ├── fonts ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.ttf └── glyphicons-halflings-regular.woff ├── dist └── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.ttf │ └── glyphicons-halflings-regular.woff ├── .editorconfig ├── bower.json ├── js ├── .jshintrc ├── tests │ ├── unit │ │ ├── transition.js │ │ ├── affix.js │ │ ├── scrollspy.js │ │ ├── alert.js │ │ ├── phantom.js │ │ ├── tab.js │ │ └── button.js │ └── index.html ├── transition.js ├── alert.js ├── button.js ├── popover.js ├── tab.js ├── affix.js ├── dropdown.js └── scrollspy.js ├── _includes ├── ads.html ├── old-bs-docs.html ├── social-buttons.html ├── nav-getting-started.html ├── footer.html ├── nav-main.html ├── header.html ├── nav-customize.html ├── nav-javascript.html ├── nav-css.html └── nav-components.html ├── .travis.yml ├── .gitignore ├── composer.json ├── less ├── breadcrumbs.less ├── component-animations.less ├── wells.less ├── thumbnails.less ├── utilities.less ├── close.less ├── jumbotron.less ├── media.less ├── pager.less ├── badges.less ├── labels.less ├── bootstrap.less ├── code.less ├── alerts.less ├── print.less ├── pagination.less ├── list-group.less ├── progress-bars.less ├── scaffolding.less ├── tooltip.less ├── modals.less ├── popovers.less ├── input-groups.less ├── buttons.less ├── panels.less ├── dropdowns.less └── carousel.less ├── index.html ├── browserstack.json ├── _config.yml ├── package.json ├── _layouts ├── home.html └── default.html └── CONTRIBUTING.md /CNAME: -------------------------------------------------------------------------------- 1 | getbootstrap.com 2 | -------------------------------------------------------------------------------- /assets/ico/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/assets/ico/favicon.png -------------------------------------------------------------------------------- /assets/js/raw-files.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/assets/js/raw-files.js -------------------------------------------------------------------------------- /examples/navbar/navbar.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding: 30px; 3 | } 4 | 5 | .navbar { 6 | margin-bottom: 30px; 7 | } -------------------------------------------------------------------------------- /examples/screenshots/grid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/grid.jpg -------------------------------------------------------------------------------- /examples/navbar-fixed-top/navbar-fixed-top.css: -------------------------------------------------------------------------------- 1 | body { 2 | min-height: 2000px; 3 | padding-top: 70px; 4 | } 5 | -------------------------------------------------------------------------------- /examples/screenshots/navbar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/navbar.jpg -------------------------------------------------------------------------------- /examples/screenshots/theme.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/theme.jpg -------------------------------------------------------------------------------- /examples/screenshots/carousel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/carousel.jpg -------------------------------------------------------------------------------- /examples/screenshots/jumbotron.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/jumbotron.jpg -------------------------------------------------------------------------------- /examples/screenshots/offcanvas.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/offcanvas.jpg -------------------------------------------------------------------------------- /examples/screenshots/sign-in.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/sign-in.jpg -------------------------------------------------------------------------------- /examples/screenshots/justified-nav.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/justified-nav.jpg -------------------------------------------------------------------------------- /examples/screenshots/navbar-fixed.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/navbar-fixed.jpg -------------------------------------------------------------------------------- /examples/screenshots/navbar-static.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/navbar-static.jpg -------------------------------------------------------------------------------- /examples/screenshots/non-responsive.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/non-responsive.jpg -------------------------------------------------------------------------------- /examples/screenshots/sticky-footer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/sticky-footer.jpg -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /examples/screenshots/jumbotron-narrow.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/jumbotron-narrow.jpg -------------------------------------------------------------------------------- /examples/screenshots/starter-template.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/starter-template.jpg -------------------------------------------------------------------------------- /dist/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/dist/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /dist/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/dist/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /dist/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/dist/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /examples/screenshots/sticky-footer-navbar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/examples/screenshots/sticky-footer-navbar.jpg -------------------------------------------------------------------------------- /assets/ico/apple-touch-icon-144-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/bootstrap/master/assets/ico/apple-touch-icon-144-precomposed.png -------------------------------------------------------------------------------- /examples/navbar-static-top/navbar-static-top.css: -------------------------------------------------------------------------------- 1 | body { 2 | min-height: 2000px; 3 | } 4 | 5 | .navbar-static-top { 6 | margin-bottom: 19px; 7 | } -------------------------------------------------------------------------------- /examples/starter-template/starter-template.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding-top: 50px; 3 | } 4 | .starter-template { 5 | padding: 40px 15px; 6 | text-align: center; 7 | } 8 | -------------------------------------------------------------------------------- /examples/jumbotron/jumbotron.css: -------------------------------------------------------------------------------- 1 | /* Move down content because we have a fixed navbar that is 50px tall */ 2 | body { 3 | padding-top: 50px; 4 | padding-bottom: 20px; 5 | } 6 | -------------------------------------------------------------------------------- /examples/offcanvas/offcanvas.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function() { 2 | $('[data-toggle=offcanvas]').click(function() { 3 | $('.row-offcanvas').toggleClass('active'); 4 | }); 5 | }); -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | charset = utf-8 10 | trim_trailing_whitespace = true 11 | insert_final_newline = true 12 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootstrap", 3 | "version": "3.0.0", 4 | "main": ["./dist/js/bootstrap.js", "./dist/css/bootstrap.css", "./dist/fonts/*"], 5 | "ignore": [ 6 | "**/.*" 7 | ], 8 | "dependencies": { 9 | "jquery": ">= 1.9.0" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /examples/theme/theme.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding-top: 70px; 3 | padding-bottom: 30px; 4 | } 5 | 6 | .theme-dropdown .dropdown-menu { 7 | display: block; 8 | position: static; 9 | margin-bottom: 20px; 10 | } 11 | 12 | .theme-showcase > p > .btn { 13 | margin: 5px 0; 14 | } -------------------------------------------------------------------------------- /js/.jshintrc: -------------------------------------------------------------------------------- 1 | { 2 | "validthis": true, 3 | "laxcomma" : true, 4 | "laxbreak" : true, 5 | "browser" : true, 6 | "eqeqeq" : false, 7 | "eqnull" : true, 8 | "debug" : true, 9 | "devel" : true, 10 | "curly" : false, 11 | "boss" : true, 12 | "expr" : true, 13 | "asi" : true 14 | } -------------------------------------------------------------------------------- /_includes/ads.html: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /_includes/old-bs-docs.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 | Looking for Bootstrap 2.3.2 docs? 5 | 6 | We've moved it to a new home while we push forward with Bootstrap 3. Read the blog for details. 7 |
8 |
9 | -------------------------------------------------------------------------------- /js/tests/unit/transition.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("transition") 4 | 5 | test("should be defined on jquery support object", function () { 6 | ok($.support.transition !== undefined, 'transition object is defined') 7 | }) 8 | 9 | test("should provide an end object", function () { 10 | ok($.support.transition ? $.support.transition.end : true, 'end string is defined') 11 | }) 12 | 13 | }) 14 | -------------------------------------------------------------------------------- /examples/grid/grid.css: -------------------------------------------------------------------------------- 1 | .container { 2 | padding-left: 15px; 3 | padding-right: 15px; 4 | } 5 | 6 | h4 { 7 | margin-top: 25px; 8 | } 9 | .row { 10 | margin-bottom: 20px; 11 | } 12 | .row .row { 13 | margin-top: 10px; 14 | margin-bottom: 0; 15 | } 16 | [class*="col-"] { 17 | padding-top: 15px; 18 | padding-bottom: 15px; 19 | background-color: #eee; 20 | border: 1px solid #ddd; 21 | background-color: rgba(86,61,124,.15); 22 | border: 1px solid rgba(86,61,124,.2); 23 | } 24 | 25 | hr { 26 | margin-top: 40px; 27 | margin-bottom: 40px; 28 | } -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - 0.8 4 | before_script: 5 | - gem install jekyll 6 | - npm install -g grunt-cli 7 | env: 8 | global: 9 | - secure: Besg41eyU+2mfxrywQ4ydOShMdc34ImaO0S0ENP+aCOBuyNBIgP59wy5tBMmyai2/8eInYeVps4Td96mWInMMxzTe3Bar7eTLG5tWVKRSr/wc4NBPZ/ppoPAmCEsz9Y+VptRH9/FO8n7hsL9EFZ+xBKbG+C0SccGoyBDpA5j7/w= 10 | - secure: Ptiv7phCImFP3ALIz+sMQzrZg8k7C1gLZbFBhWxjnQr3g06wIfX3Ls5y9OHvxid+lOZZjISui3wzBVgpVHqwHUYf96+r0mo6/mJ+F4ffUmShZANVaIMD/JRTnXhUQJbvntGLvxn1EYWPdNM+2IHJrMipnjHxU9tkgAnlel4Zdew= 11 | - TWBS_HAVE_OWN_BROWSERSTACK_KEY: "" 12 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Ignore compiled docs 2 | _gh_pages 3 | _site 4 | 5 | # Numerous always-ignore extensions 6 | *.diff 7 | *.err 8 | *.orig 9 | *.log 10 | *.rej 11 | *.swo 12 | *.swp 13 | *.zip 14 | *.vi 15 | *~ 16 | 17 | # OS or Editor folders 18 | .DS_Store 19 | ._* 20 | Thumbs.db 21 | .cache 22 | .project 23 | .settings 24 | .tmproj 25 | *.esproj 26 | nbproject 27 | *.sublime-project 28 | *.sublime-workspace 29 | .idea 30 | 31 | # Komodo 32 | *.komodoproject 33 | .komodotools 34 | 35 | # grunt-html-validation 36 | validation-status.json 37 | validation-report.json 38 | 39 | # Folders to ignore 40 | node_modules 41 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "twbs/bootstrap" 3 | , "description": "Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." 4 | , "keywords": ["bootstrap", "css"] 5 | , "homepage": "http://getbootstrap.com" 6 | , "authors": [ 7 | { 8 | "name": "Mark Otto", 9 | "email": "markdotto@gmail.com" 10 | }, 11 | { 12 | "name": "Jacob Thornton", 13 | "email": "jacobthornton@gmail.com" 14 | } 15 | ] 16 | , "support": { 17 | "issues": "https://github.com/twbs/bootstrap/issues" 18 | } 19 | , "license": "Apache-2.0" 20 | } 21 | -------------------------------------------------------------------------------- /less/breadcrumbs.less: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: 8px 15px; 8 | margin-bottom: @line-height-computed; 9 | list-style: none; 10 | background-color: @breadcrumb-bg; 11 | border-radius: @border-radius-base; 12 | > li { 13 | display: inline-block; 14 | &+li:before { 15 | content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space 16 | padding: 0 5px; 17 | color: @breadcrumb-color; 18 | } 19 | } 20 | > .active { 21 | color: @breadcrumb-active-color; 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /less/component-animations.less: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | .transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | &.in { 21 | display: block; 22 | } 23 | } 24 | .collapsing { 25 | position: relative; 26 | height: 0; 27 | overflow: hidden; 28 | .transition(height .35s ease); 29 | } 30 | -------------------------------------------------------------------------------- /less/wells.less: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: @well-bg; 12 | border: 1px solid darken(@well-bg, 7%); 13 | border-radius: @border-radius-base; 14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-lg { 23 | padding: 24px; 24 | border-radius: @border-radius-large; 25 | } 26 | .well-sm { 27 | padding: 9px; 28 | border-radius: @border-radius-small; 29 | } 30 | -------------------------------------------------------------------------------- /less/thumbnails.less: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Mixin and adjust the regular image class 7 | .thumbnail { 8 | .img-thumbnail(); 9 | display: block; // Override the inline-block from `.img-thumbnail` 10 | margin-bottom: @line-height-computed; 11 | 12 | > img { 13 | .img-responsive(); 14 | } 15 | } 16 | 17 | 18 | // Add a hover state for linked versions only 19 | a.thumbnail:hover, 20 | a.thumbnail:focus { 21 | border-color: @link-color; 22 | } 23 | 24 | // Images and captions 25 | .thumbnail > img { 26 | margin-left: auto; 27 | margin-right: auto; 28 | } 29 | .thumbnail .caption { 30 | padding: @thumbnail-caption-padding; 31 | color: @thumbnail-caption-color; 32 | } 33 | -------------------------------------------------------------------------------- /less/utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | .clearfix(); 11 | } 12 | .center-block { 13 | .center-block(); 14 | } 15 | .pull-right { 16 | float: right !important; 17 | } 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | 23 | // Toggling content 24 | // ------------------------- 25 | 26 | .hide { 27 | display: none !important; 28 | } 29 | .show { 30 | display: block !important; 31 | } 32 | .invisible { 33 | visibility: hidden; 34 | } 35 | .text-hide { 36 | .text-hide(); 37 | } 38 | 39 | 40 | // For Affix plugin 41 | // ------------------------- 42 | 43 | .affix { 44 | position: fixed; 45 | } 46 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: home 3 | title: Bootstrap 4 | base_url: "./" 5 | --- 6 | 7 |
8 |
9 |

Bootstrap

10 |

Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.

11 |

12 | Download Bootstrap 13 | Download source 14 |

15 |
16 |
17 | -------------------------------------------------------------------------------- /less/close.less: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: (@font-size-base * 1.5); 9 | font-weight: @close-font-weight; 10 | line-height: 1; 11 | color: @close-color; 12 | text-shadow: @close-text-shadow; 13 | .opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: @close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | .opacity(.5); 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | button& { 27 | padding: 0; 28 | cursor: pointer; 29 | background: transparent; 30 | border: 0; 31 | -webkit-appearance: none; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /js/tests/unit/affix.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("affix") 4 | 5 | test("should provide no conflict", function () { 6 | var affix = $.fn.affix.noConflict() 7 | ok(!$.fn.affix, 'affix was set back to undefined (org value)') 8 | $.fn.affix = affix 9 | }) 10 | 11 | test("should be defined on jquery object", function () { 12 | ok($(document.body).affix, 'affix method is defined') 13 | }) 14 | 15 | test("should return element", function () { 16 | ok($(document.body).affix()[0] == document.body, 'document.body returned') 17 | }) 18 | 19 | test("should exit early if element is not visible", function () { 20 | var $affix = $('
').affix() 21 | $affix.data('bs.affix').checkPosition() 22 | ok(!$affix.hasClass('affix'), 'affix class was not added') 23 | }) 24 | 25 | }) 26 | -------------------------------------------------------------------------------- /browserstack.json: -------------------------------------------------------------------------------- 1 | { 2 | "username": "--secure--", 3 | "key": "--secure--", 4 | "test_path": "js/tests/index.html", 5 | "browsers": [ 6 | { 7 | "browser": "firefox", 8 | "browser_version": "latest", 9 | "os": "OS X", 10 | "os_version": "Mountain Lion" 11 | }, 12 | { 13 | "browser": "safari", 14 | "browser_version": "latest", 15 | "os": "OS X", 16 | "os_version": "Mountain Lion" 17 | }, 18 | { 19 | "browser": "chrome", 20 | "browser_version": "latest", 21 | "os": "OS X", 22 | "os_version": "Mountain Lion" 23 | }, 24 | { 25 | "browser": "firefox", 26 | "browser_version": "latest", 27 | "os": "Windows", 28 | "os_version": "7" 29 | }, 30 | { 31 | "browser": "chrome", 32 | "browser_version": "latest", 33 | "os": "Windows", 34 | "os_version": "7" 35 | } 36 | ] 37 | } 38 | -------------------------------------------------------------------------------- /examples/sticky-footer/sticky-footer.css: -------------------------------------------------------------------------------- 1 | /* Sticky footer styles 2 | -------------------------------------------------- */ 3 | 4 | html, 5 | body { 6 | height: 100%; 7 | /* The html and body elements cannot have any padding or margin. */ 8 | } 9 | 10 | /* Wrapper for page content to push down footer */ 11 | #wrap { 12 | min-height: 100%; 13 | height: auto !important; 14 | height: 100%; 15 | /* Negative indent footer by its height */ 16 | margin: 0 auto -60px; 17 | /* Pad bottom by footer height */ 18 | padding: 0 0 60px; 19 | } 20 | 21 | /* Set the fixed height of the footer here */ 22 | #footer { 23 | height: 60px; 24 | background-color: #f5f5f5; 25 | } 26 | 27 | 28 | /* Custom page CSS 29 | -------------------------------------------------- */ 30 | /* Not required for template or sticky footer method. */ 31 | 32 | .container { 33 | width: auto; 34 | max-width: 680px; 35 | padding: 0 15px; 36 | } 37 | .container .credit { 38 | margin: 20px 0; 39 | } -------------------------------------------------------------------------------- /examples/signin/signin.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding-top: 40px; 3 | padding-bottom: 40px; 4 | background-color: #eee; 5 | } 6 | 7 | .form-signin { 8 | max-width: 330px; 9 | padding: 15px; 10 | margin: 0 auto; 11 | } 12 | .form-signin .form-signin-heading, 13 | .form-signin .checkbox { 14 | margin-bottom: 10px; 15 | } 16 | .form-signin .checkbox { 17 | font-weight: normal; 18 | } 19 | .form-signin .form-control { 20 | position: relative; 21 | font-size: 16px; 22 | height: auto; 23 | padding: 10px; 24 | -webkit-box-sizing: border-box; 25 | -moz-box-sizing: border-box; 26 | box-sizing: border-box; 27 | } 28 | .form-signin .form-control:focus { 29 | z-index: 2; 30 | } 31 | .form-signin input[type="text"] { 32 | margin-bottom: -1px; 33 | border-bottom-left-radius: 0; 34 | border-bottom-right-radius: 0; 35 | } 36 | .form-signin input[type="password"] { 37 | margin-bottom: 10px; 38 | border-top-left-radius: 0; 39 | border-top-right-radius: 0; 40 | } -------------------------------------------------------------------------------- /_includes/social-buttons.html: -------------------------------------------------------------------------------- 1 |
2 | 16 |
17 | -------------------------------------------------------------------------------- /less/jumbotron.less: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding: @jumbotron-padding; 8 | margin-bottom: @jumbotron-padding; 9 | font-size: (@font-size-base * 1.5); 10 | font-weight: 200; 11 | line-height: (@line-height-base * 1.5); 12 | color: @jumbotron-color; 13 | background-color: @jumbotron-bg; 14 | 15 | h1 { 16 | line-height: 1; 17 | color: @jumbotron-heading-color; 18 | } 19 | p { 20 | line-height: 1.4; 21 | } 22 | 23 | .container & { 24 | border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container 25 | } 26 | 27 | @media screen and (min-width: @screen-sm-min) { 28 | padding-top: (@jumbotron-padding * 1.6); 29 | padding-bottom: (@jumbotron-padding * 1.6); 30 | 31 | .container & { 32 | padding-left: (@jumbotron-padding * 2); 33 | padding-right: (@jumbotron-padding * 2); 34 | } 35 | 36 | h1 { 37 | font-size: (@font-size-base * 4.5); 38 | } 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Dependencies 2 | markdown: rdiscount 3 | pygments: true 4 | 5 | # Permalinks 6 | permalink: pretty 7 | 8 | # Server 9 | destination: ./_gh_pages 10 | exclude: [".editorconfig", ".gitignore", ".ruby-version", "bower.json", "composer.json", "CONTRIBUTING.md", "CNAME", "LICENSE", "Gruntfile.js", "package.json", "node_modules", "README.md", "less"] 11 | port: 9001 12 | 13 | # Custom vars 14 | current_version: 3.0.0 15 | repo: https://github.com/twbs/bootstrap 16 | 17 | download_source: https://github.com/twbs/bootstrap/archive/v3.0.0.zip 18 | download_dist: https://github.com/twbs/bootstrap/releases/download/v3.0.0/bootstrap-3.0.0-dist.zip 19 | 20 | blog: http://blog.getbootstrap.com 21 | expo: http://expo.getbootstrap.com 22 | 23 | cdn_css: //netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css 24 | cdn_theme_css: //netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css 25 | cdn_js: //netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js 26 | -------------------------------------------------------------------------------- /examples/sticky-footer-navbar/sticky-footer-navbar.css: -------------------------------------------------------------------------------- 1 | /* Sticky footer styles 2 | -------------------------------------------------- */ 3 | 4 | html, 5 | body { 6 | height: 100%; 7 | /* The html and body elements cannot have any padding or margin. */ 8 | } 9 | 10 | /* Wrapper for page content to push down footer */ 11 | #wrap { 12 | min-height: 100%; 13 | height: auto !important; 14 | height: 100%; 15 | /* Negative indent footer by its height */ 16 | margin: 0 auto -60px; 17 | /* Pad bottom by footer height */ 18 | padding: 0 0 60px; 19 | } 20 | 21 | /* Set the fixed height of the footer here */ 22 | #footer { 23 | height: 60px; 24 | background-color: #f5f5f5; 25 | } 26 | 27 | 28 | /* Custom page CSS 29 | -------------------------------------------------- */ 30 | /* Not required for template or sticky footer method. */ 31 | 32 | #wrap > .container { 33 | padding: 60px 15px 0; 34 | } 35 | .container .credit { 36 | margin: 20px 0; 37 | } 38 | 39 | #footer > .container { 40 | padding-left: 15px; 41 | padding-right: 15px; 42 | } 43 | 44 | code { 45 | font-size: 80%; 46 | } -------------------------------------------------------------------------------- /less/media.less: -------------------------------------------------------------------------------- 1 | // Media objects 2 | // Source: http://stubbornella.org/content/?p=497 3 | // -------------------------------------------------- 4 | 5 | 6 | // Common styles 7 | // ------------------------- 8 | 9 | // Clear the floats 10 | .media, 11 | .media-body { 12 | overflow: hidden; 13 | zoom: 1; 14 | } 15 | 16 | // Proper spacing between instances of .media 17 | .media, 18 | .media .media { 19 | margin-top: 15px; 20 | } 21 | .media:first-child { 22 | margin-top: 0; 23 | } 24 | 25 | // For images and videos, set to block 26 | .media-object { 27 | display: block; 28 | } 29 | 30 | // Reset margins on headings for tighter default spacing 31 | .media-heading { 32 | margin: 0 0 5px; 33 | } 34 | 35 | 36 | // Media image alignment 37 | // ------------------------- 38 | 39 | .media { 40 | > .pull-left { 41 | margin-right: 10px; 42 | } 43 | > .pull-right { 44 | margin-left: 10px; 45 | } 46 | } 47 | 48 | 49 | // Media list variation 50 | // ------------------------- 51 | 52 | // Undo default ul/ol styles 53 | .media-list { 54 | padding-left: 0; 55 | list-style: none; 56 | } 57 | -------------------------------------------------------------------------------- /less/pager.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | padding-left: 0; 8 | margin: @line-height-computed 0; 9 | list-style: none; 10 | text-align: center; 11 | .clearfix(); 12 | li { 13 | display: inline; 14 | > a, 15 | > span { 16 | display: inline-block; 17 | padding: 5px 14px; 18 | background-color: @pagination-bg; 19 | border: 1px solid @pagination-border; 20 | border-radius: @pager-border-radius; 21 | } 22 | 23 | > a:hover, 24 | > a:focus { 25 | text-decoration: none; 26 | background-color: @pagination-hover-bg; 27 | } 28 | } 29 | 30 | .next { 31 | > a, 32 | > span { 33 | float: right; 34 | } 35 | } 36 | 37 | .previous { 38 | > a, 39 | > span { 40 | float: left; 41 | } 42 | } 43 | 44 | .disabled { 45 | > a, 46 | > a:hover, 47 | > a:focus, 48 | > span { 49 | color: @pager-disabled-color; 50 | background-color: @pagination-bg; 51 | cursor: not-allowed; 52 | } 53 | } 54 | 55 | } 56 | -------------------------------------------------------------------------------- /examples/offcanvas/offcanvas.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Style tweaks 3 | * -------------------------------------------------- 4 | */ 5 | html { 6 | overflow-x: hidden; /* Prevent scroll on narrow devices */ 7 | } 8 | body { 9 | padding-top: 70px; 10 | } 11 | footer { 12 | padding: 30px 0; 13 | } 14 | 15 | /* 16 | * Off Canvas 17 | * -------------------------------------------------- 18 | */ 19 | @media screen and (max-width: 767px) { 20 | .row-offcanvas { 21 | position: relative; 22 | -webkit-transition: all 0.25s ease-out; 23 | -moz-transition: all 0.25s ease-out; 24 | transition: all 0.25s ease-out; 25 | } 26 | 27 | .row-offcanvas-right 28 | .sidebar-offcanvas { 29 | right: -50%; /* 6 columns */ 30 | } 31 | 32 | .row-offcanvas-left 33 | .sidebar-offcanvas { 34 | left: -50%; /* 6 columns */ 35 | } 36 | 37 | .row-offcanvas-right.active { 38 | right: 50%; /* 6 columns */ 39 | } 40 | 41 | .row-offcanvas-left.active { 42 | left: 50%; /* 6 columns */ 43 | } 44 | 45 | .sidebar-offcanvas { 46 | position: absolute; 47 | top: 0; 48 | width: 50%; /* 6 columns */ 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /less/badges.less: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base classes 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: @font-size-small; 12 | font-weight: @badge-font-weight; 13 | color: @badge-color; 14 | line-height: @badge-line-height; 15 | vertical-align: baseline; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: @badge-bg; 19 | border-radius: @badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | } 26 | 27 | // Hover state, but only for links 28 | a.badge { 29 | &:hover, 30 | &:focus { 31 | color: @badge-link-hover-color; 32 | text-decoration: none; 33 | cursor: pointer; 34 | } 35 | } 36 | 37 | // Quick fix for labels/badges in buttons 38 | .btn .badge { 39 | position: relative; 40 | top: -1px; 41 | } 42 | 43 | // Account for counters in navs 44 | a.list-group-item.active > .badge, 45 | .nav-pills > .active > a > .badge { 46 | color: @badge-active-color; 47 | background-color: @badge-active-bg; 48 | } 49 | .nav-pills > li > a > .badge { 50 | margin-left: 3px; 51 | } 52 | -------------------------------------------------------------------------------- /less/labels.less: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: @label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // Add hover effects, but only for links 18 | &[href] { 19 | &:hover, 20 | &:focus { 21 | color: @label-link-hover-color; 22 | text-decoration: none; 23 | cursor: pointer; 24 | } 25 | } 26 | 27 | // Empty labels collapse automatically (not available in IE8) 28 | &:empty { 29 | display: none; 30 | } 31 | } 32 | 33 | // Colors 34 | // Contextual variations (linked labels get darker on :hover) 35 | 36 | .label-default { 37 | .label-variant(@label-default-bg); 38 | } 39 | 40 | .label-primary { 41 | .label-variant(@label-primary-bg); 42 | } 43 | 44 | .label-success { 45 | .label-variant(@label-success-bg); 46 | } 47 | 48 | .label-info { 49 | .label-variant(@label-info-bg); 50 | } 51 | 52 | .label-warning { 53 | .label-variant(@label-warning-bg); 54 | } 55 | 56 | .label-danger { 57 | .label-variant(@label-danger-bg); 58 | } 59 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootstrap" 3 | , "description": "Sleek, intuitive, and powerful front-end framework for faster and easier web development." 4 | , "version": "3.0.0" 5 | , "keywords": ["bootstrap", "css"] 6 | , "homepage": "http://getbootstrap.com" 7 | , "author": "Twitter, Inc." 8 | , "scripts": { "test": "grunt test" } 9 | , "repository": { 10 | "type": "git" 11 | , "url": "https://github.com/twbs/bootstrap.git" 12 | } 13 | , "bugs": { 14 | "url": "https://github.com/twbs/bootstrap/issues" 15 | } 16 | , "licenses": [ 17 | { 18 | "type": "Apache-2.0" 19 | , "url": "http://www.apache.org/licenses/LICENSE-2.0" 20 | } 21 | ] 22 | , "devDependencies": { 23 | "grunt": "~0.4.1" 24 | , "grunt-contrib-clean": "~0.5.0" 25 | , "grunt-contrib-connect": "~0.5.0" 26 | , "grunt-contrib-concat": "~0.3.0" 27 | , "grunt-contrib-copy": "~0.4.1" 28 | , "grunt-contrib-jshint": "~0.6.4" 29 | , "grunt-contrib-uglify": "~0.2.4" 30 | , "grunt-contrib-qunit": "~0.2.2" 31 | , "grunt-contrib-watch": "~0.5.3" 32 | , "grunt-html-validation": "~0.1.5" 33 | , "grunt-jekyll": "~0.3.9" 34 | , "grunt-recess": "~0.4.0" 35 | , "browserstack-runner": "~0.0.12" 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /less/bootstrap.less: -------------------------------------------------------------------------------- 1 | // Core variables and mixins 2 | @import "variables.less"; 3 | @import "mixins.less"; 4 | 5 | // Reset 6 | @import "normalize.less"; 7 | @import "print.less"; 8 | 9 | // Core CSS 10 | @import "scaffolding.less"; 11 | @import "type.less"; 12 | @import "code.less"; 13 | @import "grid.less"; 14 | @import "tables.less"; 15 | @import "forms.less"; 16 | @import "buttons.less"; 17 | 18 | // Components 19 | @import "component-animations.less"; 20 | @import "glyphicons.less"; 21 | @import "dropdowns.less"; 22 | @import "button-groups.less"; 23 | @import "input-groups.less"; 24 | @import "navs.less"; 25 | @import "navbar.less"; 26 | @import "breadcrumbs.less"; 27 | @import "pagination.less"; 28 | @import "pager.less"; 29 | @import "labels.less"; 30 | @import "badges.less"; 31 | @import "jumbotron.less"; 32 | @import "thumbnails.less"; 33 | @import "alerts.less"; 34 | @import "progress-bars.less"; 35 | @import "media.less"; 36 | @import "list-group.less"; 37 | @import "panels.less"; 38 | @import "wells.less"; 39 | @import "close.less"; 40 | 41 | // Components w/ JavaScript 42 | @import "modals.less"; 43 | @import "tooltip.less"; 44 | @import "popovers.less"; 45 | @import "carousel.less"; 46 | 47 | // Utility classes 48 | @import "utilities.less"; 49 | @import "responsive-utilities.less"; 50 | -------------------------------------------------------------------------------- /less/code.less: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and blocK) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kdb, 9 | pre, 10 | samp { 11 | font-family: @font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: @code-color; 19 | background-color: @code-bg; 20 | white-space: nowrap; 21 | border-radius: @border-radius-base; 22 | } 23 | 24 | // Blocks of code 25 | pre { 26 | display: block; 27 | padding: ((@line-height-computed - 1) / 2); 28 | margin: 0 0 (@line-height-computed / 2); 29 | font-size: (@font-size-base - 1); // 14px to 13px 30 | line-height: @line-height-base; 31 | word-break: break-all; 32 | word-wrap: break-word; 33 | color: @pre-color; 34 | background-color: @pre-bg; 35 | border: 1px solid @pre-border-color; 36 | border-radius: @border-radius-base; 37 | 38 | // Account for some code outputs that place code tags in pre tags 39 | code { 40 | padding: 0; 41 | font-size: inherit; 42 | color: inherit; 43 | white-space: pre-wrap; 44 | background-color: transparent; 45 | border: 0; 46 | } 47 | } 48 | 49 | // Enable scrollable blocks of code 50 | .pre-scrollable { 51 | max-height: @pre-scrollable-max-height; 52 | overflow-y: scroll; 53 | } 54 | -------------------------------------------------------------------------------- /_includes/nav-getting-started.html: -------------------------------------------------------------------------------- 1 |
  • 2 | Download Bootstrap 3 | 8 |
    • 9 |
  • 10 | What's included 11 |
    • 12 |
  • 13 | Basic template 14 |
    • 15 |
  • 16 | Examples 17 |
    • 18 |
  • 19 | Disabling responsiveness 20 |
    • 21 |
  • 22 | Migrating from 2.x to 3.0 23 | 29 |
    • 30 |
  • 31 | Browser support 32 |
    • 33 |
  • 34 | Third party support 35 |
    • 36 |
  • 37 | Accessibility 38 |
    • 39 |
  • 40 | License FAQs 41 |
    • 42 |
  • 43 | Customizing Bootstrap 44 |
    • 45 | -------------------------------------------------------------------------------- /js/tests/unit/scrollspy.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("scrollspy") 4 | 5 | test("should provide no conflict", function () { 6 | var scrollspy = $.fn.scrollspy.noConflict() 7 | ok(!$.fn.scrollspy, 'scrollspy was set back to undefined (org value)') 8 | $.fn.scrollspy = scrollspy 9 | }) 10 | 11 | test("should be defined on jquery object", function () { 12 | ok($(document.body).scrollspy, 'scrollspy method is defined') 13 | }) 14 | 15 | test("should return element", function () { 16 | ok($(document.body).scrollspy()[0] == document.body, 'document.body returned') 17 | }) 18 | 19 | test("should switch active class on scroll", function () { 20 | var sectionHTML = '
    ' 21 | , $section = $(sectionHTML).append('#qunit-fixture') 22 | , topbarHTML ='
    ' 23 | + '
    ' 24 | + '
    ' 25 | + '

    Bootstrap

    ' 26 | + '' 29 | + '
    ' 30 | + '
    ' 31 | + '
    ' 32 | , $topbar = $(topbarHTML).scrollspy() 33 | 34 | ok($topbar.find('.active', true)) 35 | }) 36 | 37 | }) 38 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | {% if page.slug == "customize" %} 13 | 14 | 15 | 16 | 17 | 18 | 19 | {% endif %} 20 | 21 | 23 | 35 | -------------------------------------------------------------------------------- /_includes/nav-main.html: -------------------------------------------------------------------------------- 1 | 33 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | {% if page.title == "Bootstrap" %} 8 | {{ page.title }} 9 | {% else %} 10 | {{ page.title }} · Bootstrap 11 | {% endif %} 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 26 | 27 | 28 | 29 | 30 | 31 | 41 | -------------------------------------------------------------------------------- /examples/signin/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Signin Template for Bootstrap 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 27 |
    28 | 29 |
    30 | 31 | 32 | 33 | 36 | 37 |
    38 | 39 |
    40 | 41 | 42 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /less/alerts.less: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: @alert-padding; 11 | margin-bottom: @line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: @alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing @headingsColor 19 | color: inherit; 20 | } 21 | // Provide class for links that match alerts 22 | .alert-link { 23 | font-weight: @alert-link-font-weight; 24 | } 25 | 26 | // Improve alignment and spacing of inner content 27 | > p, 28 | > ul { 29 | margin-bottom: 0; 30 | } 31 | > p + p { 32 | margin-top: 5px; 33 | } 34 | } 35 | 36 | // Dismissable alerts 37 | // 38 | // Expand the right padding and account for the close button's positioning. 39 | 40 | .alert-dismissable { 41 | padding-right: (@alert-padding + 20); 42 | 43 | // Adjust close link position 44 | .close { 45 | position: relative; 46 | top: -2px; 47 | right: -21px; 48 | color: inherit; 49 | } 50 | } 51 | 52 | // Alternate styles 53 | // 54 | // Generate contextual modifier classes for colorizing the alert. 55 | 56 | .alert-success { 57 | .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); 58 | } 59 | .alert-info { 60 | .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); 61 | } 62 | .alert-warning { 63 | .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); 64 | } 65 | .alert-danger { 66 | .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); 67 | } 68 | -------------------------------------------------------------------------------- /examples/jumbotron-narrow/jumbotron-narrow.css: -------------------------------------------------------------------------------- 1 | /* Space out content a bit */ 2 | body { 3 | padding-top: 20px; 4 | padding-bottom: 20px; 5 | } 6 | 7 | /* Everything but the jumbotron gets side spacing for mobile first views */ 8 | .header, 9 | .marketing, 10 | .footer { 11 | padding-left: 15px; 12 | padding-right: 15px; 13 | } 14 | 15 | /* Custom page header */ 16 | .header { 17 | border-bottom: 1px solid #e5e5e5; 18 | } 19 | /* Make the masthead heading the same height as the navigation */ 20 | .header h3 { 21 | margin-top: 0; 22 | margin-bottom: 0; 23 | line-height: 40px; 24 | padding-bottom: 19px; 25 | } 26 | 27 | /* Custom page footer */ 28 | .footer { 29 | padding-top: 19px; 30 | color: #777; 31 | border-top: 1px solid #e5e5e5; 32 | } 33 | 34 | /* Customize container */ 35 | @media (min-width: 768px) { 36 | .container { 37 | max-width: 730px; 38 | } 39 | } 40 | .container-narrow > hr { 41 | margin: 30px 0; 42 | } 43 | 44 | /* Main marketing message and sign up button */ 45 | .jumbotron { 46 | text-align: center; 47 | border-bottom: 1px solid #e5e5e5; 48 | } 49 | .jumbotron .btn { 50 | font-size: 21px; 51 | padding: 14px 24px; 52 | } 53 | 54 | /* Supporting marketing content */ 55 | .marketing { 56 | margin: 40px 0; 57 | } 58 | .marketing p + h4 { 59 | margin-top: 28px; 60 | } 61 | 62 | /* Responsive: Portrait tablets and up */ 63 | @media screen and (min-width: 768px) { 64 | /* Remove the padding we set earlier */ 65 | .header, 66 | .marketing, 67 | .footer { 68 | padding-left: 0; 69 | padding-right: 0; 70 | } 71 | /* Space out the masthead */ 72 | .header { 73 | margin-bottom: 30px; 74 | } 75 | /* Remove the bottom border on the jumbotron for visual effect */ 76 | .jumbotron { 77 | border-bottom: 0; 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /_layouts/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {% include header.html %} 6 | 7 | 8 | Skip navigation 9 | 10 | 11 | {% include nav-main.html %} 12 | 13 | 14 | {{ content }} 15 | 16 | 43 | 44 | 45 | {% include footer.html %} 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /_includes/nav-customize.html: -------------------------------------------------------------------------------- 1 |
  • 2 | LESS components 3 |
    • 4 |
  • 5 | jQuery plugins 6 |
    • 7 |
  • 8 | LESS variables 9 | 37 |
    • 38 |
  • 39 | Download 40 |
    • 41 | -------------------------------------------------------------------------------- /js/tests/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bootstrap Plugin Test Suite 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
    45 |

    Bootstrap Plugin Test Suite

    46 |

    47 |

    48 |
      49 |
      50 |
      51 | 52 | 53 | -------------------------------------------------------------------------------- /examples/sticky-footer/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Sticky Footer Template for Bootstrap 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 27 | 28 |
      29 | 30 | 31 |
      32 |
      33 |

      Sticky footer

      34 |
      35 |

      Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

      36 |

      Use the sticky footer with a fixed navbar if need be, too.

      37 |
      38 |
      39 | 40 | 45 | 46 | 47 | 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /less/print.less: -------------------------------------------------------------------------------- 1 | // 2 | // Basic print styles 3 | // -------------------------------------------------- 4 | // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css 5 | 6 | @media print { 7 | 8 | * { 9 | text-shadow: none !important; 10 | color: #000 !important; // Black prints faster: h5bp.com/s 11 | background: transparent !important; 12 | box-shadow: none !important; 13 | } 14 | 15 | a, 16 | a:visited { 17 | text-decoration: underline; 18 | } 19 | 20 | a[href]:after { 21 | content: " (" attr(href) ")"; 22 | } 23 | 24 | abbr[title]:after { 25 | content: " (" attr(title) ")"; 26 | } 27 | 28 | // Don't show links for images, or javascript/internal links 29 | .ir a:after, 30 | a[href^="javascript:"]:after, 31 | a[href^="#"]:after { 32 | content: ""; 33 | } 34 | 35 | pre, 36 | blockquote { 37 | border: 1px solid #999; 38 | page-break-inside: avoid; 39 | } 40 | 41 | thead { 42 | display: table-header-group; // h5bp.com/t 43 | } 44 | 45 | tr, 46 | img { 47 | page-break-inside: avoid; 48 | } 49 | 50 | img { 51 | max-width: 100% !important; 52 | } 53 | 54 | @page { 55 | margin: 2cm .5cm; 56 | } 57 | 58 | p, 59 | h2, 60 | h3 { 61 | orphans: 3; 62 | widows: 3; 63 | } 64 | 65 | h2, 66 | h3 { 67 | page-break-after: avoid; 68 | } 69 | 70 | // Bootstrap components 71 | .navbar { 72 | display: none; 73 | } 74 | .table { 75 | td, 76 | th { 77 | background-color: #fff !important; 78 | } 79 | } 80 | .btn, 81 | .dropup > .btn { 82 | > .caret { 83 | border-top-color: #000 !important; 84 | } 85 | } 86 | .label { 87 | border: 1px solid #000; 88 | } 89 | 90 | .table { 91 | border-collapse: collapse !important; 92 | } 93 | .table-bordered { 94 | th, 95 | td { 96 | border: 1px solid #ddd !important; 97 | } 98 | } 99 | 100 | } 101 | -------------------------------------------------------------------------------- /js/transition.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: transition.js v3.0.0 3 | * http://twbs.github.com/bootstrap/javascript.html#transitions 4 | * ======================================================================== 5 | * Copyright 2013 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ======================================================================== */ 19 | 20 | 21 | +function ($) { "use strict"; 22 | 23 | // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) 24 | // ============================================================ 25 | 26 | function transitionEnd() { 27 | var el = document.createElement('bootstrap') 28 | 29 | var transEndEventNames = { 30 | 'WebkitTransition' : 'webkitTransitionEnd' 31 | , 'MozTransition' : 'transitionend' 32 | , 'OTransition' : 'oTransitionEnd otransitionend' 33 | , 'transition' : 'transitionend' 34 | } 35 | 36 | for (var name in transEndEventNames) { 37 | if (el.style[name] !== undefined) { 38 | return { end: transEndEventNames[name] } 39 | } 40 | } 41 | } 42 | 43 | // http://blog.alexmaccaw.com/css-transitions 44 | $.fn.emulateTransitionEnd = function (duration) { 45 | var called = false, $el = this 46 | $(this).one($.support.transition.end, function () { called = true }) 47 | var callback = function () { if (!called) $($el).trigger($.support.transition.end) } 48 | setTimeout(callback, duration) 49 | return this 50 | } 51 | 52 | $(function () { 53 | $.support.transition = transitionEnd() 54 | }) 55 | 56 | }(window.jQuery); 57 | -------------------------------------------------------------------------------- /less/pagination.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pagination (multiple pages) 3 | // -------------------------------------------------- 4 | .pagination { 5 | display: inline-block; 6 | padding-left: 0; 7 | margin: @line-height-computed 0; 8 | border-radius: @border-radius-base; 9 | 10 | > li { 11 | display: inline; // Remove list-style and block-level defaults 12 | > a, 13 | > span { 14 | position: relative; 15 | float: left; // Collapse white-space 16 | padding: @padding-base-vertical @padding-base-horizontal; 17 | line-height: @line-height-base; 18 | text-decoration: none; 19 | background-color: @pagination-bg; 20 | border: 1px solid @pagination-border; 21 | margin-left: -1px; 22 | } 23 | &:first-child { 24 | > a, 25 | > span { 26 | margin-left: 0; 27 | .border-left-radius(@border-radius-base); 28 | } 29 | } 30 | &:last-child { 31 | > a, 32 | > span { 33 | .border-right-radius(@border-radius-base); 34 | } 35 | } 36 | } 37 | 38 | > li > a, 39 | > li > span { 40 | &:hover, 41 | &:focus { 42 | background-color: @pagination-hover-bg; 43 | } 44 | } 45 | 46 | > .active > a, 47 | > .active > span { 48 | &, 49 | &:hover, 50 | &:focus { 51 | z-index: 2; 52 | color: @pagination-active-color; 53 | background-color: @pagination-active-bg; 54 | border-color: @pagination-active-bg; 55 | cursor: default; 56 | } 57 | } 58 | 59 | > .disabled { 60 | > span, 61 | > span:hover, 62 | > span:focus, 63 | > a, 64 | > a:hover, 65 | > a:focus { 66 | color: @pagination-disabled-color; 67 | background-color: @pagination-bg; 68 | border-color: @pagination-border; 69 | cursor: not-allowed; 70 | } 71 | } 72 | } 73 | 74 | // Sizing 75 | // -------------------------------------------------- 76 | 77 | // Large 78 | .pagination-lg { 79 | .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large); 80 | } 81 | 82 | // Small 83 | .pagination-sm { 84 | .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small); 85 | } 86 | -------------------------------------------------------------------------------- /less/list-group.less: -------------------------------------------------------------------------------- 1 | // 2 | // List groups 3 | // -------------------------------------------------- 4 | 5 | // Base class 6 | // 7 | // Easily usable on