ส่วนประกอบที่กำหนดเอง

ส่วนประกอบและเทมเพลตใหม่ล่าสุดเพื่อช่วยให้ผู้คนเริ่มต้นใช้งาน Bootstrap ได้อย่างรวดเร็ว และสาธิตแนวทางปฏิบัติที่ดีที่สุดในการเพิ่มลงในเฟรมเวิร์ก

ภาพหน้าจอของอัลบั้ม
อัลบั้ม

เทมเพลตหน้าเดียวอย่างง่ายสำหรับแกลเลอรี่ภาพ พอร์ตโฟลิโอ และอื่นๆ

ภาพหน้าจอราคา
ราคา

หน้าราคาตัวอย่างที่สร้างด้วยการ์ดและมีส่วนหัวและส่วนท้ายที่กำหนดเอง

ภาพหน้าจอชำระเงิน
เช็คเอาท์

แบบฟอร์มการชำระเงินที่กำหนดเองซึ่งแสดงส่วนประกอบของแบบฟอร์มและคุณลักษณะการตรวจสอบความถูกต้อง

ภาพหน้าจอของผลิตภัณฑ์
ผลิตภัณฑ์

หน้าการตลาดที่เน้นผลิตภัณฑ์แบบลีนพร้อมงานกริดและรูปภาพที่กว้างขวาง

ภาพหน้าจอปก
ปิดบัง

เทมเพลตหน้าเดียวสำหรับสร้างโฮมเพจที่เรียบง่ายและสวยงาม

สกรีนช็อตภาพหมุน
ม้าหมุน

ปรับแต่งแถบนำทางและภาพหมุน จากนั้นเพิ่มส่วนประกอบใหม่

ภาพหน้าจอของบล็อก
บล็อก

Magazine like blog template with header, navigation, featured content.

ภาพหน้าจอแดชบอร์ด
Dashboard

Basic admin dashboard shell with fixed sidebar and navbar.

ภาพหน้าจอลงชื่อเข้าใช้
Sign-in

Custom form layout and design for a simple sign in form.

สกรีนช็อตส่วนท้ายที่ติดหนึบ
Sticky footer

Attach a footer to the bottom of the viewport when page content is short.

สกรีนช็อตของแถบนำทางส่วนท้ายที่ติดหนึบ
Sticky footer navbar

Attach a footer to the bottom of the viewport with a fixed top navbar.

Framework

Examples that focus on implementing uses of built-in components provided by Bootstrap.

ภาพหน้าจอเทมเพลตเริ่มต้น
Starter template

Nothing but the basics: compiled CSS and JavaScript.

ภาพหน้าจอกริด
Grid

Multiple examples of grid layouts with all four tiers, nesting, and more.

ภาพหน้าจอของ Jumbotron
Jumbotron

Build around the jumbotron with a navbar and some basic grid columns.

Taking the default navbar component and showing how it can be moved, placed, and extended.

ภาพหน้าจอของแถบนำทาง
Navbars

Demonstration of all responsive and container options for the navbar.

สกรีนช็อตแบบคงที่ของแถบนำทาง
แถบนำทางคงที่

ตัวอย่างแถบนำทางเดี่ยวของแถบนำทางด้านบนแบบคงที่พร้อมกับเนื้อหาเพิ่มเติมบางส่วน

แถบนำทางแก้ไขภาพหน้าจอ
แถบนำทางคงที่

ตัวอย่างแถบนำทางเดี่ยวที่มีแถบนำทางด้านบนแบบตายตัวพร้อมกับเนื้อหาเพิ่มเติมบางส่วน

ภาพหน้าจอด้านล่างของแถบนำทาง
แถบนำทางด้านล่าง

ตัวอย่าง navbar เดียวที่มี navbar ด้านล่างพร้อมกับเนื้อหาเพิ่มเติม

การทดลอง

ตัวอย่างที่เน้นคุณลักษณะหรือเทคนิคที่เป็นมิตรต่ออนาคต

ภาพหน้าจอของป้ายกำกับลอยตัว
ป้ายลอย

รูปแบบที่เรียบง่ายสวยงามพร้อมป้ายกำกับแบบลอยเหนืออินพุตของคุณ

ภาพหน้าจอของ Offcanvas
ออฟแคนวาส

เปลี่ยนแถบนำทางที่ขยายได้ของคุณให้เป็นเมนูออฟแคนวาสแบบเลื่อนได้