<!DOCTYPE html><htmllang=en><head><metacharset=utf-8><metahttp-equiv=X-UA-Compatiblecontent="IE=edge"><metaname=viewportcontent="width=device-width,initial-scale=1"><metaname=descriptioncontent="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development."><metaname=keywordscontent="HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development"><metaname=authorcontent="Mark Otto, Jacob Thornton, and Bootstrap contributors"><title> Customize and download · Bootstrap </title><linkhref=../dist/css/bootstrap.min.cssrel=stylesheet><linkhref=../assets/css/docs.min.cssrel=stylesheet><!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]--><scriptsrc=../assets/js/ie-emulation-modes-warning.js></script><!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<scriptsrc="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--><linkrel=apple-touch-iconhref=/apple-touch-icon.png><linkrel=iconhref=/favicon.ico><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*newDate,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("send","pageview");</script></head><body><aid=skippyclass="sr-only sr-only-focusable"href=#content><divclass=container><spanclass=skiplink-text>Skip to main content</span></div></a><ahref="http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/"class="v4-tease">Aww yeah, Bootstrap 4 is coming!</a><headerclass="navbar navbar-static-top bs-docs-nav"id=toprole=banner><divclass=container><divclass=navbar-header><buttonclass="navbar-toggle collapsed"type=buttondata-toggle=collapsedata-target=#bs-navbararia-controls=bs-navbararia-expanded=false><spanclass=sr-only>Toggle navigation</span><spanclass=icon-bar></span><spanclass=icon-bar></span><spanclass=icon-bar></span></button><ahref=../class=navbar-brand>Bootstrap</a></div><navid=bs-navbarclass="collapse navbar-collapse"><ulclass="nav navbar-nav"><li><ahref="../getting-started/">Getting started</a></li><li><ahref="../css/">CSS</a></li><li><ahref="../components/">Components</a></li><li><ahref="../javascript/">JavaScript</a></li><liclass=active><ahref="../customize/">Customize</a></li></ul><ulclass="nav navbar-nav navbar-right"><li><ahref=http://themes.getbootstrap.comonclick="ga("send","event","Navbar","Community links","Themes")">Themes</a></li><li><ahref=http://expo.getbootstrap.comonclick="ga("send","event","Navbar","Community links","Expo")">Expo</a></li><li><ahref=http://blog.getbootstrap.comonclick="ga("send","event","Navbar","Community links","Blog")">Blog</a></li></ul></nav></div></header><divclass=bs-docs-headerid=contenttabindex=-1><divclass=container><h1>Customize and download</h1><p>Customize Bootstrap's components, Less variables, and jQuery plugins to get your very own version.</p><divid=carbonads-container><divclass=carbonad><divid=azcarbon></div><script>varz=document.createElement("script");z.async=!0,z.src="http://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ";vars=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(z,s);</script></div></div></div></div><divclass="container bs-docs-container"><divclass=row><divclass=col-md-9role=main><!--[if lt IE 9]><style>
</div><![endif]--><divid=defaults-change-alertclass="alert alert-warning alert-dismissible"role=alert><buttontype=buttonclass=closedata-dismiss=alertaria-label=Close><spanaria-hidden=true>×</span></button><strong>Heads up!</strong> The default value for <code>@brand-primary</code> has changed in the latest release to improve contrast and accessibility. Please double check your compiled CSS when upgrading. </div><divclass="bs-docs-section bs-customizer-import"><divid=import-drop-targetclass=bs-dropzone><divclass=import-header><spanclass="glyphicon glyphicon-download-alt"aria-hidden=true></span></div><pclass=lead>Have an existing configuration? Upload your <code>config.json</code> to import it.</p><p>Drag and drop here, or <labelid=import-manual-triggerclass=btn-link>manually upload<inputtype=fileid=import-file-selectclass=hidden></label>.</p><hr><p><strong>Don't have one?</strong> That's okay—just start customizing the fields below.</p></div></div><formclass=bs-customizer><divclass=bs-docs-sectionid=less-section><buttonclass="btn btn-default toggle"type=button>Toggle all</button><h1id=lessclass=page-header>Less files</h1><pclass=lead>Choose which Less files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the <ahref="../css/">CSS</a> and <ahref="../components/">Components</a> pages in the docs.</p><divclass=row><divclass="col-xs-6 col-sm-4"><h3>Common CSS</h3><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=print.less> Print media styles </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=type.less> Typography </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=code.less> Code </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=grid.less> Grid system </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=tables.less> Tables </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=forms.lessdata-dependents=navbar.less,input-groups.less> Forms </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=buttons.lessdata-dependents=button-groups.less> Buttons </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=responsive-utilities.less> Responsive utilities </label></div></div><divclass="col-xs-6 col-sm-4"><h3>Components</h3><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=glyphicons.less> Glyphicons </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=button-groups.lessdata-dependencies=buttons.less> Button groups </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=input-groups.lessdata-dependencies=forms.less> Input groups </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=navs.lessdata-dependents=navbar.less> Navs </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=navbar.lessdata-dependencies=forms.less,navs.less> Navbar </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=breadcrumbs.less> Breadcrumbs </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=pagination.less> Pagination </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=pager.less> Pager </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=labels.less> Labels </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=badges.less> Badges </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=jumbotron.less> Jumbotron </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=thumbnails.less> Thumbnails </label></div><divclass=checkbox><label><inputtype=checkboxchecked=checkedvalue=alerts.l
