Quest Academy


Introduction to the Bootstrap Challenges

Bootstrap เป็นเฟรมเวิร์กส่วนหน้าที่ใช้ในการออกแบบหน้าเว็บที่ตอบสนองและเว็บแอปพลิเคชั่น ต้องใช้แนวทางแรกสำหรับอุปกรณ์เคลื่อนที่ในการพัฒนาเว็บ Bootstrap ประกอบด้วยสไตล์และคลาส CSS ที่สร้างไว้ล่วงหน้ารวมถึงฟังก์ชั่น JavaScript บางอย่าง Bootstrap ใช้เค้าโครงกริด 12 คอลัมน์ที่ตอบสนองและมีเทมเพลตการออกแบบสำหรับ :

  • buttons
  • images
  • tables
  • forms
  • navigation

ส่วนนี้จะแนะนำวิธีการใช้ Bootstrap ในโครงการเว็บของคุณ


Use Responsive Design with Bootstrap Fluid Containers

Make Images Mobile Responsive

Center Text with Bootstrap

Create a Bootstrap Button

Create a Block Element Bootstrap Button

Taste the Bootstrap Button Color Rainbow

Call out Optional Actions with btn-info

Warn Your Users of a Dangerous Action with btn-danger

Use the Bootstrap Grid to Put Elements Side By Side

Ditch Custom CSS for Bootstrap

Use a span to Target Inline Elements

Create a Custom Heading

Add Font Awesome Icons to our Buttons

Add Font Awesome Icons to all of our Buttons

Responsively Style Radio Buttons

Responsively Style Checkboxes

Style Text Inputs as Form Controls

Line up Form Elements Responsively with Bootstrap

Create a Bootstrap Headline

House our page within a Bootstrap container-fluid div

Create a Bootstrap Row

Split Your Bootstrap Row

Create Bootstrap Wells

Add Elements within Your Bootstrap Wells

Apply the Default Bootstrap Button Style

Create a Class to Target with jQuery Selectors

Add id Attributes to Bootstrap Elements

Label Bootstrap Wells

Give Each Element a Unique id

Label Bootstrap Buttons

Use Comments to Clarify Code

Be the first to add a review.

Please, login to leave a review
Add to Wishlist