html Bootstrap

ตาราง Bootstrap Grids   ระบบตารางของ Bootstrap ช่วยให้สามารถแบ่งใช้ส่วนหน้าเว็บได้ถึง 12 คอลัมน์ แต่ถ้าไม่ต้องการใช้ทั้ง 12 คอลัมน์ ก็สามารถจัดกลุ่มคอลัมน์ร่วมกันเพื่อสร้างคอลัมน์ที่กว้างขึ้นได้ ระบบกริดของ Bootstrap จะตอบสนองและจะจัดเรียงคอลัมน์ใหม่โดยอัตโนมัติตามขนาดหน้าจอ กริด คลาส Grid Classes ระบบ Bootstrap grid มีสี่คลาส ได้แก่         คลาส xs  สำหรับโทรศัพท์         คลาส sm สำหรับแท็บเล็ต         คลาส md สำหรับเดสก์ท็อป         คลาส lg  สำหรับเดสก์ท็อปขนาดใหญ่ ชั้นเรียนด้านบนสามารถรวมกันเพื่อสร้างรูปแบบไดนามิกและมีความยืดหยุ่นมากขึ้น   โครงสร้างพื้นฐานของตาราง Bootstrap ต่อไปนี้เป็นรหัสคำสั่งโครงสร้างพื้นฐานของตาราง Bootstrap: < div class ="row" >   < div class ="col-*-*" > < /div > < /div > < div class ="row" >   < div class ="col-*-*" ...

Bootstrap คืออะไร ? Bootstrap เป็นโครงสร้าง front-end ฟรีสำหรับการพัฒนาเว็บได้เร็วและง่ายขึ้น Bootstrap ประกอบด้วยเทมเพลตการออกแบบ HTML และ CSS สำหรับการพิมพ์รูปแบบปุ่มต่างๆตารางการนำทางแบบรูปภาพภาพหมุนและอื่น ๆ อีกมากมายรวมทั้งปลั๊กอิน JavaScript ที่เป็นตัวเลือก Bootstrap ยังช่วยให้คุณสามารถสร้างการออกแบบที่ตอบสนองได้อย่างง่ายดาย ประวัติ Bootstrap Bootstrap ได้รับการพัฒนาโดย Mark Otto และ Jacob Thornton ที่ Twitter และเผยแพร่เป็นผลิตภัณฑ์โอเพ่นซอร์สในเดือนสิงหาคม 2554 ที่ GitHub ในเดือนมิถุนายน 2554 Bootstrap เป็นโครงการอันดับที่ 1 ของ GitHub! ทำไมจึงใช้ Bootstrap ? ข้อดีของ Bootstrap ใช้งานง่าย : ทุกคนที่มีความรู้พื้นฐานเกี่ยวกับ HTML และ CSS สามารถเริ่มใช้ Bootstrap ได้ คุณลักษณะที่ตอบสนองได้: CSS ที่ตอบสนองต่อ Bootstrap จะปรับไปใช้กับโทรศัพท์แท็บเล็ตและเดสก์ท็อป วิธีแรกในโทรศัพท์มือถือ : ใน Bootstrap 3 รูปแบบมือถือแรกเป็นส่วนหนึ่งของกรอบหลัก เข้ากันได้กับเบราว์เซอร์ : Bootstrap เข้ากันได้กับเบราว์เซอร์ที่ทันสมัยทั้งหมด (Chrome, Firefox, Internet Explorer, Safari แ...

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