2012-07-21 07:06:47 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2012-10-08 06:38:28 +02:00
< title > Customize · Bootstrap< / title >
2012-07-21 07:06:47 +02:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
<!-- Le styles -->
< link href = "assets/css/bootstrap.css" rel = "stylesheet" >
< link href = "assets/css/docs.css" rel = "stylesheet" >
< link href = "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://html5shim.googlecode.com/svn/trunk/html5.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" >
2012-12-03 22:22:10 +01:00
< 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" >
2012-12-03 22:25:56 +01:00
< link rel = "shortcut icon" href = "assets/ico/favicon.png" >
2012-07-21 07:06:47 +02:00
< / head >
2012-08-20 06:12:52 +02:00
< body data-spy = "scroll" data-target = ".bs-docs-sidebar" >
2012-07-21 07:06:47 +02:00
<!-- Navbar
================================================== -->
2012-08-20 08:01:24 +02:00
< div class = "navbar navbar-inverse navbar-fixed-top" >
2012-09-26 07:48:02 +02:00
< 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" > Bootstrap< / a >
< div class = "nav-collapse collapse" >
< ul class = "nav" >
< li class = "" >
< a href = "./index.html" > Home< / a >
< / li >
< li class = "" >
< a href = "./getting-started.html" > Get started< / a >
< / li >
< li class = "" >
2012-12-01 01:31:24 +01:00
< a href = "./css.html" > Core CSS< / a >
2012-09-26 07:48:02 +02:00
< / li >
< li class = "" >
< a href = "./components.html" > Components< / a >
< / li >
< li class = "" >
< a href = "./javascript.html" > JavaScript< / a >
< / li >
< li class = "active" >
< a href = "./customize.html" > Customize< / a >
< / li >
2012-12-05 05:30:21 +01:00
< li class = "" >
< a href = "./gallery.html" > Gallery< / a >
< / li >
2012-09-26 07:48:02 +02:00
< / ul >
2012-07-21 07:06:47 +02:00
< / div >
< / div >
< / div >
<!-- Masthead
================================================== -->
< header class = "jumbotron subhead" id = "overview" >
< div class = "container" >
< h1 > Customize and download< / h1 >
2012-09-14 15:06:15 +02:00
< p class = "lead" > < a href = "https://github.com/twitter/bootstrap/zipball/master" > Download Bootstrap< / a > or customize variables, components, JavaScript plugins, and more.< / p >
2012-07-21 07:06:47 +02:00
< / div >
< / header >
2012-07-24 07:36:08 +02:00
< div class = "container" >
2012-07-21 07:06:47 +02:00
2012-07-24 07:36:08 +02:00
<!-- Docs nav
================================================== -->
< div class = "row" >
< div class = "span3 bs-docs-sidebar" >
2012-08-15 06:06:08 +02:00
< ul class = "nav nav-list bs-docs-sidenav" >
2012-11-04 00:18:02 +01:00
< li > < a href = "#components" > < i class = "glyphicon-chevron-right" > < / i > 1. Choose components< / a > < / li >
< li > < a href = "#plugins" > < i class = "glyphicon-chevron-right" > < / i > 2. Select jQuery plugins< / a > < / li >
< li > < a href = "#variables" > < i class = "glyphicon-chevron-right" > < / i > 3. Customize variables< / a > < / li >
< li > < a href = "#download" > < i class = "glyphicon-chevron-right" > < / i > 4. Download< / a > < / li >
2012-07-24 07:36:08 +02:00
< / ul >
< / div >
< div class = "span9" >
<!-- Customize form
================================================== -->
< form >
< section class = "download" id = "components" >
< div class = "page-header" >
< a class = "btn btn-small pull-right toggle-all" href = "#" > Toggle all< / a >
< h1 >
1. Choose components
< / h1 >
< / div >
< div class = "row download-builder" >
< div class = "span3" >
< h3 > Scaffolding< / h3 >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "reset.less" > Normalize and reset< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "scaffolding.less" > Body type and links< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "grid.less" > Grid system< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "layouts.less" > Layouts< / label >
< h3 > Base CSS< / h3 >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "type.less" > Headings, body, etc< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "code.less" > Code and pre< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "labels-badges.less" > Labels and badges< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "tables.less" > Tables< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "forms.less" > Forms< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "buttons.less" > Buttons< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "sprites.less" > Icons< / label >
< / div > <!-- /span -->
< div class = "span3" >
< h3 > Components< / h3 >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "button-groups.less" > Button groups and dropdowns< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "navs.less" > Navs, tabs, and pills< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "navbar.less" > Navbar< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "breadcrumbs.less" > Breadcrumbs< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "pagination.less" > Pagination< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "pager.less" > Pager< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "thumbnails.less" > Thumbnails< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "alerts.less" > Alerts< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "progress-bars.less" > Progress bars< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "hero-unit.less" > Hero unit< / label >
2012-10-30 05:02:05 +01:00
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "media.less" > Media component< / label >
2012-07-24 07:36:08 +02:00
< h3 > JS Components< / h3 >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "tooltip.less" > Tooltips< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "popovers.less" > Popovers< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "modals.less" > Modals< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "dropdowns.less" > Dropdowns< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "accordion.less" > Collapse< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "carousel.less" > Carousel< / label >
< / div > <!-- /span -->
< div class = "span3" >
< h3 > Miscellaneous< / h3 >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "wells.less" > Wells< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "close.less" > Close icon< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "utilities.less" > Utilities< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "component-animations.less" > Component animations< / label >
< h3 > Responsive< / h3 >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "responsive-utilities.less" > Visible/hidden classes< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "responsive-767px-max.less" > Narrow tablets and below (< 767px ) < / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "responsive-768px-979px.less" > Tablets to desktops (767-979px)< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "responsive-1200px-min.less" > Large desktops (>1200px)< / label >
< label class = "checkbox" > < input checked = "checked" type = "checkbox" value = "responsive-navbar.less" > Responsive navbar< / label >
< / div > <!-- /span -->
< / div > <!-- /row -->
< / section >
< section class = "download" id = "plugins" >
< div class = "page-header" >
< a class = "btn btn-small pull-right toggle-all" href = "#" > Toggle all< / a >
< h1 >
2. Select jQuery plugins
< / h1 >
< / div >
< div class = "row download-builder" >
< div class = "span3" >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-transition.js" >
Transitions < small > (required for any animation)< / small >
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-modal.js" >
Modals
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-dropdown.js" >
Dropdowns
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-scrollspy.js" >
Scrollspy
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-tab.js" >
Togglable tabs
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-tooltip.js" >
Tooltips
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-popover.js" >
Popovers < small > (requires Tooltips)< / small >
< / label >
2012-08-15 03:57:27 +02:00
< / div > <!-- /span -->
< div class = "span3" >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-affix.js" >
Affix
< / label >
2012-07-24 07:36:08 +02:00
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-alert.js" >
Alert messages
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-button.js" >
Buttons
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-collapse.js" >
Collapse
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-carousel.js" >
Carousel
< / label >
< label class = "checkbox" >
< input type = "checkbox" checked = "true" value = "bootstrap-typeahead.js" >
Typeahead
< / label >
< / div > <!-- /span -->
< div class = "span3" >
< h4 class = "muted" > Heads up!< / h4 >
< p class = "muted" > All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of < a href = "http://jquery.com/" target = "_blank" > jQuery< / a > to be included.< / p >
< / div > <!-- /span -->
< / div > <!-- /row -->
< / section >
< section class = "download" id = "variables" >
< div class = "page-header" >
< a class = "btn btn-small pull-right toggle-all" href = "#" > Reset to defaults< / a >
< h1 >
3. Customize variables
< / h1 >
< / div >
< div class = "row download-builder" >
< div class = "span3" >
< h3 > Scaffolding< / h3 >
2012-11-30 23:37:24 +01:00
< label > @body-background< / label >
2012-12-01 00:05:23 +01:00
< input type = "text" class = "span3" placeholder = "#fff" >
2012-11-30 23:37:24 +01:00
< label > @text-color< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "@grayDark" >
< h3 > Links< / h3 >
2012-11-30 23:37:24 +01:00
< label > @link-color< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "#08c" >
2012-11-30 23:37:24 +01:00
< label > @link-color-hover< / label >
< input type = "text" class = "span3" placeholder = "darken(@link-color, 15%)" >
2012-07-24 07:36:08 +02:00
< h3 > Grid system< / h3 >
2012-12-01 00:43:07 +01:00
< label > @grid-columns< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "12" >
2012-12-01 00:43:07 +01:00
< label > @grid-column-width< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "60px" >
2012-12-01 00:43:07 +01:00
< label > @grid-gutter-width< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "20px" >
2012-12-01 00:43:07 +01:00
< label > @grid-column-width-1200< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "70px" >
2012-12-01 00:43:07 +01:00
< label > @grid-gutter-width-1200< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "30px" >
2012-12-01 00:43:07 +01:00
< label > @grid-column-width-768< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "42px" >
2012-12-01 00:43:07 +01:00
< label > @grid-gutter-width-768< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "20px" >
2012-08-08 08:11:23 +02:00
< / div > <!-- /span -->
< div class = "span3" >
2012-07-24 07:36:08 +02:00
< h3 > Typography< / h3 >
2012-11-30 23:37:24 +01:00
< label > @font-family-sans-serif< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "'Helvetica Neue', Helvetica, Arial, sans-serif" >
2012-11-30 23:37:24 +01:00
< label > @font-family-serif< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "Georgia, 'Times New Roman', Times, serif" >
2012-11-30 23:37:24 +01:00
< label > @font-family-monospace< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "Menlo, Monaco, 'Courier New', monospace" >
2012-10-30 05:30:39 +01:00
2012-11-30 23:45:25 +01:00
< label > @font-size-base< / label >
2012-08-14 05:57:13 +02:00
< input type = "text" class = "span3" placeholder = "14px" >
2012-11-30 23:45:25 +01:00
< label > @font-family-base< / label >
2012-11-30 23:37:24 +01:00
< input type = "text" class = "span3" placeholder = "@font-family-sans-serif" >
2012-11-30 23:45:25 +01:00
< label > @line-height-base< / label >
2012-08-14 05:57:13 +02:00
< input type = "text" class = "span3" placeholder = "20px" >
2012-10-30 05:30:39 +01:00
2012-11-30 23:37:24 +01:00
< label > @headings-font-family< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "inherit" >
2012-11-30 23:37:24 +01:00
< label > @headings-font-weight< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "bold" >
< label > @headingsColor< / label >
< input type = "text" class = "span3" placeholder = "inherit" >
2012-10-30 05:30:39 +01:00
2012-11-30 23:45:25 +01:00
< label > @font-size-large< / label >
< input type = "text" class = "span3" placeholder = "@font-size-base * 1.25" >
< label > @font-size-small< / label >
< input type = "text" class = "span3" placeholder = "@font-size-base * 0.85" >
< label > @font-size-mini< / label >
< input type = "text" class = "span3" placeholder = "@font-size-base * 0.75" >
2012-10-30 05:30:39 +01:00
2012-11-30 23:45:25 +01:00
< label > @padding-large< / label >
2012-10-30 05:30:39 +01:00
< input type = "text" class = "span3" placeholder = "11px 19px" >
2012-11-30 23:45:25 +01:00
< label > @padding-small< / label >
2012-10-30 05:30:39 +01:00
< input type = "text" class = "span3" placeholder = "2px 10px" >
2012-11-30 23:45:25 +01:00
< label > @padding-mini< / label >
2012-10-30 05:30:39 +01:00
< input type = "text" class = "span3" placeholder = "1px 6px" >
2012-11-30 23:45:25 +01:00
< label > @border-radius-base< / label >
2012-10-30 05:30:39 +01:00
< input type = "text" class = "span3" placeholder = "4px" >
2012-11-30 23:45:25 +01:00
< label > @border-radius-large< / label >
2012-10-30 05:30:39 +01:00
< input type = "text" class = "span3" placeholder = "6px" >
2012-11-30 23:45:25 +01:00
< label > @border-radius-small< / label >
2012-10-30 05:30:39 +01:00
< input type = "text" class = "span3" placeholder = "3px" >
2012-12-01 00:36:16 +01:00
< label > @hero-background< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "@grayLighter" >
2012-12-01 00:36:16 +01:00
< label > @hero-heading-color< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "inherit" >
2012-12-01 00:36:16 +01:00
< label > @hero-lead-color< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "inherit" >
2012-08-08 08:11:23 +02:00
2012-07-24 07:36:08 +02:00
< h3 > Tables< / h3 >
2012-12-01 00:05:23 +01:00
< label > @table-background< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "transparent" >
2012-12-01 00:05:23 +01:00
< label > @table-background-accent< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "#f9f9f9" >
2012-12-01 00:05:23 +01:00
< label > @table-background-hover< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "#f5f5f5" >
2012-12-01 00:05:23 +01:00
< label > @table-border< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "#ddd" >
2012-08-08 08:11:23 +02:00
< h3 > Forms< / h3 >
2012-12-01 00:33:56 +01:00
< label > @input-color-placeholder< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "@grayLight" >
2012-12-01 00:05:23 +01:00
< label > @input-background< / label >
< input type = "text" class = "span3" placeholder = "#fff" >
< label > @input-border< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#ccc" >
2012-12-01 00:05:23 +01:00
< label > @input-border-radius< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "3px" >
2012-12-01 00:05:23 +01:00
< label > @input-background-disabled< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "@grayLighter" >
2012-12-01 00:05:23 +01:00
< label > @form-actions-background< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#f5f5f5" >
2012-12-01 00:05:23 +01:00
< label > @btn-backround-primary< / label >
2012-11-30 23:37:24 +01:00
< input type = "text" class = "span3" placeholder = "@link-color" >
2012-12-01 00:05:23 +01:00
< label > @btn-backround-primary-highlight< / label >
< input type = "text" class = "span3" placeholder = "darken(#fff, 10%)" >
2012-08-08 08:11:23 +02:00
< / div > <!-- /span -->
< div class = "span3" >
< h3 > Form states & alerts< / h3 >
2012-12-01 00:38:31 +01:00
< label > @state-warning-text< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#c09853" >
2012-12-01 00:38:31 +01:00
< label > @state-warning-background< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#fcf8e3" >
2012-12-01 00:38:31 +01:00
< label > @state-error-text< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#b94a48" >
2012-12-01 00:38:31 +01:00
< label > @state-error-background< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#f2dede" >
2012-12-01 00:38:31 +01:00
< label > @state-success-text< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#468847" >
2012-12-01 00:38:31 +01:00
< label > @state-success-background< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#dff0d8" >
2012-12-01 00:38:31 +01:00
< label > @state-info-text< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#3a87ad" >
2012-12-01 00:38:31 +01:00
< label > @state-info-background< / label >
2012-08-08 08:11:23 +02:00
< input type = "text" class = "span3" placeholder = "#d9edf7" >
2012-07-24 07:36:08 +02:00
< h3 > Navbar< / h3 >
2012-12-01 00:33:56 +01:00
< label > @navbar-height< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "40px" >
2012-12-01 00:33:56 +01:00
< label > @navbar-background< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "@grayDarker" >
2012-12-01 00:33:56 +01:00
< label > @navbar-background-highlight< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "@grayDark" >
2012-12-01 00:33:56 +01:00
< label > @navbar-text< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "@grayLight" >
2012-12-01 00:33:56 +01:00
< label > @navbar-brand-color< / label >
< input type = "text" class = "span3" placeholder = "@navbar-link-color" >
< label > @navbar-link-color< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "@grayLight" >
2012-12-01 00:33:56 +01:00
< label > @navbar-link-color-hover< / label >
2012-12-01 00:05:23 +01:00
< input type = "text" class = "span3" placeholder = "#fff" >
2012-12-01 00:33:56 +01:00
< label > @navbar-link-color-active< / label >
< input type = "text" class = "span3" placeholder = "@navbar-link-color-hover" >
< label > @navbar-link-background-hover< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "transparent" >
2012-12-01 00:33:56 +01:00
< label > @navbar-link-background-active< / label >
< input type = "text" class = "span3" placeholder = "@navbar-background" >
2012-07-24 07:36:08 +02:00
< label > @navbarSearchBackground< / label >
2012-12-01 00:33:56 +01:00
< input type = "text" class = "span3" placeholder = "lighten(@navbar-background, 25%)" >
2012-07-24 07:36:08 +02:00
< label > @navbarSearchBackgroundFocus< / label >
2012-12-01 00:05:23 +01:00
< input type = "text" class = "span3" placeholder = "#fff" >
2012-07-24 07:36:08 +02:00
< label > @navbarSearchBorder< / label >
< input type = "text" class = "span3" placeholder = "darken(@navbarSearchBackground, 30%)" >
< label > @navbarSearchPlaceholderColor< / label >
< input type = "text" class = "span3" placeholder = "#ccc" >
2012-12-01 00:33:56 +01:00
< label > @navbar-collapse-width< / label >
2012-10-30 05:30:39 +01:00
< input type = "text" class = "span3" placeholder = "979px" >
2012-12-01 00:33:56 +01:00
< label > @navbar-collapse-width-desktop< / label >
< input type = "text" class = "span3" placeholder = "@navbar-collapse-width + 1" >
2012-10-30 05:30:39 +01:00
2012-07-24 07:36:08 +02:00
< h3 > Dropdowns< / h3 >
2012-12-01 00:09:57 +01:00
< label > @dropdown-background< / label >
2012-12-01 00:05:23 +01:00
< input type = "text" class = "span3" placeholder = "#fff" >
2012-12-01 00:09:57 +01:00
< label > @dropdown-border< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "rgba(0,0,0,.2)" >
2012-12-01 00:09:57 +01:00
< label > @dropdown-link-color< / label >
2012-07-24 07:36:08 +02:00
< input type = "text" class = "span3" placeholder = "@grayDark" >
2012-12-01 00:09:57 +01:00
< label > @dropdown-link-color-hover< / label >
2012-12-01 00:05:23 +01:00
< input type = "text" class = "span3" placeholder = "#fff" >
2012-12-01 00:09:57 +01:00
< label > @dropdown-link-background-hover< / label >
2012-11-30 23:37:24 +01:00
< input type = "text" class = "span3" placeholder = "@link-color" >
2012-07-24 07:36:08 +02:00
< / div > <!-- /span -->
< / div > <!-- /row -->
< / section >
< section class = "download" id = "download" >
< div class = "page-header" >
< h1 >
4. Download
< / h1 >
< / div >
< div class = "download-btn" >
< a class = "btn btn-primary" href = "#" > Customize and Download< / a >
< h4 > What's included?< / h4 >
< p > Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.< / p >
< / div >
< / section > <!-- /download -->
< / form >
2012-07-21 07:06:47 +02:00
2012-07-24 07:36:08 +02:00
< / div >
2012-07-21 07:06:47 +02:00
< / div >
2012-07-24 07:36:08 +02:00
2012-07-21 07:06:47 +02:00
< / div >
2012-08-02 04:00:25 +02:00
<!-- Footer
================================================== -->
< footer class = "footer" >
< div class = "container" >
2012-12-01 22:47:07 +01:00
< div class = "bs-docs-social" >
< ul class = "bs-docs-social-buttons" >
< li >
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "100px" height = "20px" > < / iframe >
< / li >
< li >
< iframe class = "github-btn" src = "http://ghbtns.com/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "102px" height = "20px" > < / iframe >
< / li >
< li class = "follow-btn" >
< a href = "https://twitter.com/twbootstrap" class = "twitter-follow-button" data-link-color = "#0069D6" data-show-count = "true" > Follow @twbootstrap< / a >
< / li >
< li class = "tweet-btn" >
< a href = "https://twitter.com/share" class = "twitter-share-button" data-url = "http://twitter.github.com/bootstrap/" data-count = "horizontal" data-via = "twbootstrap" data-related = "mdo:Creator of Twitter Bootstrap" > Tweet< / a >
< / li >
< / ul >
< / div >
2012-10-03 02:01:18 +02:00
< 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 >
2012-08-02 04:00:25 +02:00
< ul class = "footer-links" >
2012-10-03 02:01:18 +02:00
< li > < a href = "http://blog.getbootstrap.com" > Blog< / a > < / li >
< li class = "muted" > · < / li >
< li > < a href = "https://github.com/twitter/bootstrap/issues?state=open" > Issues< / a > < / li >
< li class = "muted" > · < / li >
2012-08-02 04:00:25 +02:00
< li > < a href = "https://github.com/twitter/bootstrap/wiki" > Roadmap and changelog< / a > < / li >
< / ul >
< / div >
< / footer >
2012-07-21 07:06:47 +02:00
2012-08-02 04:00:25 +02:00
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
< script type = "text/javascript" src = "http://platform.twitter.com/widgets.js" > < / script >
< script src = "assets/js/jquery.js" > < / script >
< script src = "assets/js/bootstrap-transition.js" > < / script >
< script src = "assets/js/bootstrap-alert.js" > < / script >
< script src = "assets/js/bootstrap-modal.js" > < / script >
< script src = "assets/js/bootstrap-dropdown.js" > < / script >
< script src = "assets/js/bootstrap-scrollspy.js" > < / script >
< script src = "assets/js/bootstrap-tab.js" > < / script >
< script src = "assets/js/bootstrap-tooltip.js" > < / script >
< script src = "assets/js/bootstrap-popover.js" > < / script >
< script src = "assets/js/bootstrap-button.js" > < / script >
< script src = "assets/js/bootstrap-collapse.js" > < / script >
< script src = "assets/js/bootstrap-carousel.js" > < / script >
< script src = "assets/js/bootstrap-typeahead.js" > < / script >
< script src = "assets/js/bootstrap-affix.js" > < / script >
2012-11-30 05:59:14 +01:00
< script src = "assets/js/holder/holder.js" > < / script >
< script src = "assets/js/google-code-prettify/prettify.js" > < / script >
2012-08-02 04:00:25 +02:00
< script src = "assets/js/application.js" > < / script >
2012-07-21 07:06:47 +02:00
< / body >
< / html >