[Bootstrap] Basic class summary

Overview

Recently, I'm making a front using Bootstrap. Here is a summary of the classes I have used so far as a memorandum for myself.

reference Bootstrap (ver. 4.5) : https://getbootstrap.jp/


breakpoint


Layout

container


row


col


button

btn


btn-primary


padding, margin p, m


direction


size

The following are typical examples shown in Bootstrap Official Reference .

.mt-0 {
  margin-top: 0 !important;
}

.ml-1 {
  margin-left: ($spacer * .25) !important;
}

.px-2 {
  padding-left: ($spacer * .5) !important;
  padding-right: ($spacer * .5) !important;
}

.p-3 {
  padding: $spacer !important;
}

By the way, if you add **! Important, you can apply the style regardless of the reading order of the CSS file **.


color


Recommended Posts

[Bootstrap] Basic class summary
Docker basic summary
Summary of Java Math class
Summary of basic functions of ImageJ
Summary
[Java] Personal summary of conditional statements (basic)
[EMMET notation] Basic, frequently used guy Emmet notation summary
[Java] Instance method, instance field, class method, class field, constructor summary