---
description: '#HelloFront-end #HelloErmine #HelloWorld2021'
---

# Bootstrap

## Framework และ Library คืออะไร ?

{% content-ref url="bootstrap/what-is-framework-and-library" %}
[what-is-framework-and-library](bootstrap/what-is-framework-and-library)
{% endcontent-ref %}

## &#x20;Bootstrap คืออะไร ?

{% content-ref url="bootstrap/what-is-bootstrap" %}
[what-is-bootstrap](bootstrap/what-is-bootstrap)
{% endcontent-ref %}

## วิธีการติดตั้ง Bootstrap

{% content-ref url="bootstrap/installation-and-import" %}
[installation-and-import](bootstrap/installation-and-import)
{% endcontent-ref %}

## วิธีการ import ไฟล์

{% content-ref url="bootstrap/import" %}
[import](bootstrap/import)
{% endcontent-ref %}

## ความแตกต่างระหว่าง Bootstrap ใน HTML และ ใน React&#x20;

{% content-ref url="bootstrap/untitled" %}
[untitled](bootstrap/untitled)
{% endcontent-ref %}

## Bootstrap Layout

{% content-ref url="bootstrap/bootstrap-layout" %}
[bootstrap-layout](bootstrap/bootstrap-layout)
{% endcontent-ref %}

## Slide

### Bootstrap

{% embed url="https://docs.google.com/presentation/d/1EIbmvy_MyyuM8DeaoxmW83Pzc8Zx-wAccUA_ERtr2lU/edit?usp=sharing" %}

### Bootstrap-react

{% embed url="https://docs.google.com/presentation/d/1Z0QdAfMRT5urHAsJg-sYQd_jvUKPG-u8BUmkKF13spc/edit?usp=sharing" %}

## แหล่งอ้างอิง 📑

{% embed url="https://youtu.be/gNJtLRCTi2E" %}

{% embed url="https://youtu.be/8pKjULHzs0s" %}
