편집
2,431
번
바뀜
편집 요약 없음
===== Responsive meta tag =====
Bootstrap is developed ''mobile first'', a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag to your <code><head></code>.<syntaxhighlight lang="html">
<meta name="viewport" content="width=device-width, initial-scale=1">
</syntaxhighlight>
== Customize ==
Learn how to theme, customize, and extend Bootstrap with Sass, a boatload of global options, an expansive color system, and more.
=== Sass ===
Utilize our source Sass files to take advantage of variables, maps, mixins, and functions to help you build faster and customize your project.
==== File structure ====
<syntaxhighlight lang="text">
your-project/
├── scss
│ └── custom.scss
└── node_modules/
└── bootstrap
├── js
└── scss
</syntaxhighlight>
== Layout ==
=== Breakpoints ===
Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes in Bootstrap.
==== Core concepts ====
* Breakpoints are the building blocks of responsive design.
* Use media queries to architect your CSS by breakpoint.
* Mobile first, responsive design is the goal.
==== Available breakpoints ====
These breakpoints can be customized if you’re using our source Sass files.
{| class="wikitable"
!Breakpoint