rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Code Issues Actions Packages Releases Activity
8984255158
Bootstrap/site/content/docs/5.0/customize/overview.md

37 lines
2.3 KiB
Markdown
Raw Normal View History

Rewrite Theming docs as Customize section - Broke up existing theming page into separate pages - Audited and updated each new docs page (some pages include some TBD sections) - Update sidenav to reflect changes - Fix links that pointed to the old Theming page - Update docs styles to reflect recent changes - Rewrite some bits in the Migration page
2020-04-14 02:55:33 +02:00
---
layout: docs
title: Customize
description: Learn how to theme, customize, and extend Bootstrap with Sass, a boatload of global options, an expansive color system, and more.
group: customize
toc: false
Bump version to 5.0.0-alpha1 (#29925) Also add v4.5.0 in versions and keep README.md pointing to v4.5.0 so that there are no broken stuff.
2020-05-13 21:36:00 +02:00
aliases: "/docs/5.0/customize/"
Rewrite Theming docs as Customize section - Broke up existing theming page into separate pages - Audited and updated each new docs page (some pages include some TBD sections) - Update sidenav to reflect changes - Fix links that pointed to the old Theming page - Update docs styles to reflect recent changes - Rewrite some bits in the Migration page
2020-04-14 02:55:33 +02:00
sections:
- title: Sass
description: Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.
- title: Options
description: Customize Bootstrap with built-in variables to easily toggle global CSS preferences.
- title: Color
description: Learn about and customize the color systems that support the entire toolkit.
- title: Components
description: Learn how we build nearly all our components responsively and with base and modifier classes.
- title: CSS variables
description: Use Bootstrap's CSS custom properties for fast and forward-looking design and development.
- title: Optimize
description: Keep your projects lean, responsive, and maintainable so you can deliver the best experience.
---
Add overview intro to the Customize section
2020-04-14 05:31:36 +02:00
## Overview
wordsmithing
2020-04-16 02:46:20 +02:00
There are multiple ways to customize Bootstrap. Your best path can depend on your project, the complexity of your build tools, the version of Bootstrap you're using, browser support, and more.
Our two preferred methods are:
Add overview intro to the Customize section
2020-04-14 05:31:36 +02:00
1. Using Bootstrap [via package manager]({{< docsref "/getting-started/download#package-managers" >}}) so you can use and extend our source files.
docs: switch to suggesting jsDelivr as a CDN (#31894)
2020-10-19 10:25:31 +02:00
2. Using Bootstrap's compiled distribution files or [jsDelivr]({{< docsref "/getting-started/download#cdn-via-jsdelivr" >}}) so you can add onto or override Bootstrap's styles.
Add overview intro to the Customize section
2020-04-14 05:31:36 +02:00
While we cannot go into details here on how to use every package manager, we can give some guidance on [using Bootstrap with your own Sass compiler]({{< docsref "/customize/sass" >}}).
For those who want to use the distribution files, review the [getting started page]({{< docsref "/getting-started/introduction" >}}) for how to include those files and an example HTML page. From there, consult the docs for the layout, components, and behaviors you'd like to use.
As you familiarize yourself with Bootstrap, continue exploring this section for more details on how to utilize our global options, making use of and changing our color system, how we build our components, how to use our growing list of CSS custom properties, and how to optimize your code when building with Bootstrap.
Reference in New Issue Copy Permalink