bootstrap คืออะไร??

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: bootstrap คืออะไร??

bootstrap คืออะไร??

by boo_kyoshii » 06/08/2013 7:17 pm

bootstrap คือ

Front-end Framework ตัวหนึ่ง คำว่า Front-end มีความหมายว่า ส่วนแสดงผลของ Users ทั่วไปนั้นเอง
หรือ ก้คือหน้าเว็บไซต์ของเรานั้นเอง ส่วนคำว่า Framework มีความหมายว่า สิ่งที่เข้ามาช่วยกำหนดกรอบของการทำงานให้เป็นไปในทางเดียวกันค่ะ

ดังนั้นคำว่า bootstrapหมายถึง "สิ่งที่มาช่วยทำให้เราง่ายขึ้น" หรือ "สิ่งที่ทำได้ด้วยตัวของมันเอง" ซึ่งในที่นี้อาจจะหมายความว่า ใช้ bootstrap แล้ว เราไม่จำเป็นต้องไปหาอะไรมาเพิ่มอีกเลย

bootstrap มี 4อย่าง

-Scaffolding
grid system จำนวน 12 คอลัมน์ สามารถเลือกใช้ได้ทั้งแบบ fixed และแบบ fluid
-Base CSS
style sheets สำหรับ html elements พื้นฐาน เช่น typography, tables, forms และ images
-Components
style sheets สำหรับสิ่งที่เราต้องใช้บ่อยๆ ไม่ว่าจะเป็น navigation, breadcrumbs รวมไปถึง pagination
-JavaScript
jQuery plugins ต่างๆ ไม่ว่าจะเป็น modal, carousel หรือ tooltip

***(Scaffolding) มันคือโครงของหน้าเว็บ การใช้ bootstrap เราจะสร้าง layouts ขึ้นมาก่อน เมื่อได้โครงของหน้าเว็บ ก็หยิบของที่bootstrap ที่เตรียมไว้มาใส่ตามกล่องที่เราสร้างไว้ก่อนหน้า

เตรียมพร้อมก่อนใช้ bootstrapเรื่องที่ต้องรู้
-css เก็บ style sheets ของ Bootstrap
-img เก็บ sprite image สำหรับ icons ต่างๆ
-js เก็บ jQuery plugins ต่างๆ

Top