Date
Sep. 8th, 2024
 
2024年 8月 6日

Post: Bootstrap Cheatsheet

Bootstrap Cheatsheet

Published 08:08 Aug 02, 2020.

Created by @ezra. Categorized in #Programming, and tagged as #Cheatsheet.

Source format: Markdown

Table of Content

Bootstrap Cheatsheet

Install bootstrap with either local download or CDN

<!-- Latest compiled and minified CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>

Grid System

<!-- Grid System (have different classes for each device) -->

<div class="row">
  <div class="col-1 col-md-4 col-xxl-5">1 of 4</div>
  <div class="col-10 col-md-4 col-xxl-2">2 of 4</div>
  <div class="col-1 col-md-4 col-xxl-5">3 of 4</div>
</div>
Pinned Message
HOTODOGO
The Founder and CEO of Infeca Technology.
Developer, Designer, Blogger.
Big fan of Apple, Love of colour.
Feel free to contact me.
反曲点科技创始人和首席执行官。
程序猿、设计师、奇怪的博主。
苹果死忠、热爱色彩斑斓的世界。
如有意向请随时 与我联系