Bootstrap: แก้ให้ตรงตาม Corporate Identity (CI )ของแบรนด์

// 1. กำหนดตัวแปรสีตาม CI
$primary: #004a99; // สีหลักขององค์กร
$secondary: #6c757d; // สีรอง
$success: #28a745;
$info: #17a2b8;
$warning: #ffc107;
$danger: #dc3545;

// 2. รวมสีเข้ากับ Map ของ Bootstrap
$theme-colors: ;

$font-family-sans-serif: 'Sarabun', sans-serif; // ฟอนต์ภาษาไทยตาม CI
$font-size-base: 1rem; // ขนาดตัวอักษรหลัก
$line-height-base: 1.6;

// ปรับความโค้งมนของปุ่มและกรอบ (ถ้า CI เน้นความเหลี่ยมให้ปรับเป็น 0) $border-radius: 0.25rem;
$border-radius-lg: 0.5rem;

// custom.scss
@import "variables"; // ไฟล์ที่คุณแก้ค่าข้างบน

// นำเข้า Bootstrap source
@import "bootstrap/scss/bootstrap";

// เขียน CSS เพิ่มเติมเฉพาะส่วนที่ Bootstrap ไม่มี
.navbar-brand {
 letter-spacing: 1px;
}