ฟอรั่ม | ล่าสุดการพัฒนาเว็บบทเรียน
×

Bootstrap เกี่ยวกับการสอน

BS บ้าน BS เริ่ม BS กินกัน BS การเรียงพิมพ์ BS ตาราง BS ภาพ BS jumbotron BS Wells BS การแจ้งเตือน BS ปุ่ม BS กลุ่มปุ่ม BS Glyphicons BS ป้าย / ป้าย BS แถบความคืบหน้า BS การให้เลขหน้า BS Pager BS กลุ่มรายการ BS แผง BS เมนูแบบเลื่อนลง BS Collapse BS แท็บ / ยา BS Navbar BS ฟอร์ม BS Inputs BS Inputs 2 BS Input Sizing BS ม้าหมุน BS เป็นกิริยาช่วย BS เคล็ดลับ BS Popover BS Scrollspy BS ติด

Bootstrap ระบบกริด

BS ระบบกริด BS ซ้อนกัน / แนวนอน BS ตารางขนาดเล็ก BS ตารางขนาดกลาง BS ตารางขนาดใหญ่ BS ตัวอย่างตาราง

Bootstrap ธีม

BS แม่แบบ BS กระทู้ "Simply Me" BS กระทู้ "Company" BS กระทู้ "Band"

Bootstrap Exam

BS ทดสอบ

Bootstrap CSS Ref

CSS การเรียงพิมพ์ CSS ปุ่ม CSS ฟอร์ม CSS ผู้ช่วย CSS ภาพ CSS ตาราง CSS เมนูแบบเลื่อนลง CSS Navs Glyphicons

Bootstrap JS Ref

JS ติด JS เตือนภัย JS ปุ่ม JS Carousel JS Collapse JS เลื่อนลง JS Modal JS Popover JS Scrollspy JS แถบ JS เคล็ดลับ

 

Bootstrap 3 Tutorial

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 แบบทดสอบ!


Bootstrap อ้างอิง

ที่ w3ii คุณจะพบที่สมบูรณ์ Bootstrap อ้างอิงทุกคลาส CSS ส่วนประกอบและปลั๊กอิน JavaScript - ทั้งหมดด้วย "ลองตัวเอง" ตัวอย่าง:


Bootstrap ธีมส์

เราได้ทำธีมบางอย่างที่คุณสามารถเล่นรอบกับ พวกเขามีความสมบูรณ์ฟรีเพื่อใช้:


เธอรู้รึเปล่า?

W3.CSS เป็นทางเลือกให้ Bootstrap

W3.CSS มีขนาดเล็กได้เร็วขึ้นและง่ายต่อการใช้

หากคุณต้องการที่จะเรียนรู้ W3.CSS ไปที่เรา สอน W3.CSS