Bootstrap กับ Responsive Website - HOSTNEVERDIE
Elementor Pro ปกติราคา 1,750 บาท/ปี โปรโมชั่นพิเศษ WordPress Hosting พร้อม Elementor Pro เริ่ม 1,499 บาท/ปี

ฐานความรู้

Bootstrap กับ Responsive Website

Bootstrap เป็น Front-end Framework เพื่อช่วยให้เราพัฒนาเว็บได้ง่ายและรวดเร็วขึ้น Bootstrap ประกอบด้วยโครงสร้าง CSS, HTML, และ JavaScript ที่ช่วยจัดการ layout และ component ต่างๆ ในเว็บเช่น navigation และแบบ form อีกข้อดีของ Bootstrap คือรอบรับการแสดงผลแบบ Responsive ทำให้แสดงผลสวยงามทั้งใน PC, Tablets, และ Mobile

Bootstrap ถูกพัฒนาขึ้นโดยทีมพัฒนาของ Twitter Inc. ปัจจุบันเป็น Open Source ที่มีการอัพเดทและแก้ bug ตลอดเวลา มี theme ต่างๆ ที่ base on Bootstrap มากมาย โครงสร้างของ Bootstrap Framework เป็นดังนี้

 

1. Scaffolding grid system 12 คอลัมน์ เลือกใช้ได้ทั้งแบบ fixed และ fluid โดยขนาดของ column จะแสดงผลตามความกว้างของหน้าจอของแต่ละอุปกรณ์

2. Base CSS style sheets สำหรับ ทำ html elements พื้นฐาน เช่น  tables, typography, forms และ images

3. Components style sheets เช่น navigation, breadcrumbs และ  pagination ซึ่งรองรับการแสดงผลแบบ Responsive

4. JavaScript jQuery plugins เช่น modal, carousel และ tooltip 

plugin เหล่านี้ช่วยให้การสร้าง Popup, Dialog , Tooltip ง่ายขึ้นมาก

 

เราสามารถโหลด Bootstrap และสร้างเว็บเองได้เลย หรือจะซื้อ theme ที่ขายจากในเน็ตที่สร้างมาจาก Bootstrap ก็สามารถทำได้เช่นกัน หลังจากขั้นตอนนี้เราก็ต้องหา hosting ใช้งาน ซึ่งควรเลือกใช้ host จากผู้ให้บริการ web hosting ที่ดูน่าเชื่อถือและไว้ใจได้

 

  • 16 ผู้ใช้งานชอบบทความนี้
ชอบบทความนี้?

บทความที่เกี่ยวข้อง

 SVG รูปแบบไฟล์ที่ขยายยังไงก็ไม่แตก

SVG คืออะไร? SVG หรือ Scalable Vector Graphics เป็นกราฟิกแบบ Vector...

 แนะนำ Resizer เครื่องมือทดสอบ Responsive

เว็บสมัยนี้ควรออกแบบให้รองรับหลายขนาดหน้าจอ รวมทั้งรองรับทุกอุปกรณ์...

 เทรนการออกแบบเว็บ ปี 2020

แต่ละปี เทรนการออกแบบเว็บไซต์ก็เปลี่ยนไปเรื่อยๆ เว็บไซต์ของคุณเองก็ต้องปรับตัวให้ทันสมัย...

 เทคนิคจีบลูกค้าให้อยู่ในเว็บไซต์กับเราไปนานๆ

เว็บไซต์สามารถช่วยเพิ่มศักยภาพของธุรกิจของคุณ และทำให้เข้าถึงกลุ่มลูกค้าง่ายยิ่งขึ้น...

 เลือกสีอะไรให้กับ website ของเราดี ?

อีกปัญหาในการทำเว็บไซต์อย่างนึงคือไม่รู้จะเลือกสีหลักอะไรให้กับเว็บไซต์ดี...