Bootstrap เป็นที่นิยมที่สุด HTML, CSS และ JavaScript สำหรับกรอบการพัฒนาที่ตอบสนองต่อเว็บไซต์บนมือถือครั้งแรก
Bootstrap เป็นสมบูรณ์ฟรีดาวน์โหลดและใช้!
ลองตัวเองตัวอย่าง
นี้ Bootstrap กวดวิชามีหลายร้อย Bootstrap ตัวอย่าง
กับบรรณาธิการออนไลน์ของเราคุณสามารถแก้ไขรหัสและคลิกที่ปุ่มเพื่อดูผลลัพธ์
Bootstrap ตัวอย่าง
<div
class="container">
<div class="jumbotron">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit
amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit
amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor
sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
</div>
</div>
ลองตัวเอง» คลิกที่ "ลองตัวเอง" เพื่อดูวิธีการทำงาน
Bootstrap ทดสอบแบบทดสอบ
การทดสอบของคุณ Bootstrap ทักษะที่ w3ii!
Bootstrap อ้างอิง
ที่ w3ii คุณจะพบที่สมบูรณ์ Bootstrap อ้างอิงทุกคลาส CSS ส่วนประกอบและปลั๊กอิน JavaScript - ทั้งหมดด้วย "ลองตัวเอง" ตัวอย่าง:
- Bootstrap CSS ข้อความพื้นฐาน
- Bootstrap ปุ่ม CSS
- Bootstrap รูปแบบ CSS
- Bootstrap ผู้ช่วย CSS
- Bootstrap CSS แสดงสินค้า
- Bootstrap ตาราง CSS
- Bootstrap ส่วนประกอบร่ายมนตร์
- Bootstrap ส่วนประกอบเมนูแบบเลื่อนลง
- Bootstrap ส่วนประกอบ Navs
- Bootstrap JS ติด
- Bootstrap JS แจ้งเตือน
- Bootstrap JS ปุ่ม
- Bootstrap JS ม้าหมุน
- Bootstrap JS ยุบ
- Bootstrap JS เลื่อนลง
- Bootstrap JS Modal
- Bootstrap JS popover
- Bootstrap JS Scrollspy
- Bootstrap แท็บ JS
- Bootstrap JS เคล็ดลับ
Bootstrap ธีมส์
เราได้ทำธีมบางอย่างที่คุณสามารถเล่นรอบกับ พวกเขามีความสมบูรณ์ฟรีเพื่อใช้:
เธอรู้รึเปล่า?
W3.CSS เป็นทางเลือกให้ Bootstrap
W3.CSS มีขนาดเล็กได้เร็วขึ้นและง่ายต่อการใช้
หากคุณต้องการที่จะเรียนรู้ W3.CSS ไปที่เรา สอน W3.CSS