บทความนี้สรุป 11 เหตุผลว่าทำไม bootstrap จึงถูกหมุนเวียนอย่างกว้างขวาง หากคุณยังไม่ได้ใช้ Bootstrap Twitter ฉันขอแนะนำให้คุณเรียนรู้เพิ่มเติมเกี่ยวกับเรื่องนี้ ฉันเพิ่งค้นพบบางสิ่งบางอย่างเมื่อเร็ว ๆ นี้ แต่มีข่าวที่ดีกว่า ในเวอร์ชันอย่างเป็นทางการของ VS2013 ที่เผยแพร่โดย Microsoft เมื่อสองวันก่อนได้เพิ่มเวอร์ชัน Bootstrap 3.0 แล้ว แม้แต่ Microsoft ก็เห็นพลังของ Bootstrap และมันก็ดีมากดังนั้นฉันต้องเรียนรู้ นี่คือการแนะนำสั้น ๆ ของฉันเกี่ยวกับการอัปเดต VS2013 หากคุณสนใจคุณสามารถดูการแนะนำเนื้อหาการอัปเดต Visual Studio 2013
อะไรคือเหตุผลว่าทำไม Bootstrap จึงเป็นที่รักของคนส่วนใหญ่
1. ประหยัดเวลา
ด้วย bootstrap คุณจะมีเวลามากขึ้นในการสร้างรายได้ ห้องสมุด bootstrap มีตัวอย่างรหัสสำเร็จรูปหลายตัวอย่างที่เพิ่มพลังให้กับเว็บไซต์ของคุณมากขึ้น นักพัฒนาเว็บไม่จำเป็นต้องใช้เวลาและความพยายามในการเขียนโค้ดอีกต่อไปพวกเขาเพียงแค่ต้องค้นหารหัสที่เหมาะสมและแทรกเข้าไปในสถานที่ที่เหมาะสม นอกจากนี้ CSS ยังเขียนโดยใช้น้อยลงและมีการออกแบบรูปแบบและการออกแบบมากมาย
2. การปรับแต่ง
สิ่งสำคัญอย่างหนึ่งของ bootstrap คือคุณสามารถนำไปใช้ด้วยตัวคุณเอง คุณสามารถออกจากส่วนที่ต้องการของกรอบและทิ้งชิ้นส่วนที่ไม่ต้องการ Bootstrap ช่วยให้คุณปรับแต่งโครงการที่คุณพัฒนาขึ้นตามความต้องการของคุณ
3. ปัจจัยการออกแบบ
ระบบกริด
เมื่อจัดวางหน้าคุณมักจะต้องมีกริดที่เหมาะสม คุณไม่จำเป็นต้องใช้กริดของแพลตฟอร์ม แต่มันทำให้คุณทำงานได้ยากน้อยลง ในโหมดเริ่มต้นแพลตฟอร์มมีตาราง 16 คอลัมน์ (ความกว้างคือ 960px) แต่ละคอลัมน์มีความกว้าง 40px และแต่ละคอลัมน์มีช่องว่าง 10px ที่ด้านซ้ายและขวาทิ้งไว้ 20px ที่ว่างเปล่าด้านนอกสุดของแต่ละกริด คุณสามารถเปลี่ยนจำนวนแถวและขนาดช่วงเวลาตามต้องการ รูปแบบได้รับการพัฒนาและนักพัฒนาจำเป็นต้องนำรหัสที่เหมาะสมลงในตำแหน่งที่เหมาะสมของ HTML
น้อย
น้อยกว่าจะใช้กันอย่างแพร่หลายในระหว่างรอบการพัฒนา มันเป็นภาษาระดับสูงตาม CSS และจุดประสงค์ของมันคือการพัฒนา CSS ยืดหยุ่นและทรงพลังยิ่งขึ้น คุณสามารถใช้การทำงานของ Mixins และ CSS ของ Less เพื่อปรับแต่งตาข่ายฝังตัว Bootstrap ใช้คุณสมบัติ CSS3 ยอดนิยมจำนวนมากเพื่อมอบประสบการณ์การท่องเว็บแบบครบวงจรสำหรับทุกเว็บไซต์
จาวาสคริปต์
Bootstrap มีไลบรารี JavaScript ที่นอกเหนือไปจากสถาปัตยกรรมและสไตล์พื้นฐาน ผ่าน bootstrap นักพัฒนาสามารถใช้งานกล่องเตือนหน้าต่างกล่องคำแนะนำเครื่องมือแถบเลื่อนปุ่ม ฯลฯ สิ่งที่โดดเด่นจาก bootstrap คือมันช่วยให้คุณเขียนสคริปต์โดยไม่ต้องกังวล
4. ความมั่นคง
เหตุผลหลักที่ Twitter พัฒนาเครื่องมือนี้คือความไม่สอดคล้องกันระหว่างโครงการที่พัฒนาโดยนักพัฒนาในหมู่เบราว์เซอร์ที่แตกต่างกัน สิ่งนี้นำไปสู่ปัญหามากมายระหว่างการพัฒนาส่วนหน้าและอินเทอร์เฟซผู้ใช้ปลายทาง Bootstrap ช่วยให้มั่นใจได้ถึงความสามัคคีของอินเทอร์เฟซบนแพลตฟอร์มที่แตกต่างกัน ใน IE, Chrome และ Firefox คุณสามารถเห็นอินเทอร์เฟซแบบครบวงจร
5. ติดตามการอัปเดตอย่างต่อเนื่อง
ใช้ UI ของ jQuery เป็นตัวอย่าง: อัปเดตปีละครั้ง Bootstrap มีการปรับปรุงอย่างต่อเนื่องเป็นประจำและต่อเนื่องมากขึ้น ทันทีที่นักพัฒนาเว็บค้นพบปัญหาใหม่ทีม Bootstrap จะกำหนดทันทีเพื่อแก้ไข
6. ง่ายต่อการรวมเข้าด้วยกัน
หากคุณต้องการปรับแต่งเว็บไซต์ที่เสร็จสมบูรณ์เพิ่มเติม Bootstrap สามารถช่วยคุณได้ ตัวอย่างเช่นหากคุณต้องการใช้สไตล์ตารางที่เขียนด้วยตนเองสิ่งที่คุณต้องการทำคือคัดลอกสไตล์ของคุณลงในไฟล์สไตล์ CSS Bootstrap จะจัดแต่งทรงผมทันทีที่นี่คุณต้องเชื่อมโยงไฟล์กับ Twitter กระบวนการรวมนั้นง่ายมากสะดวกและรวดเร็ว เมื่อเสร็จแล้วคุณสามารถใช้การออกแบบของคุณกับเนื้อหาหลักของคุณ
7. ตอบสนอง
Bootstrap เป็นกรอบตอบสนอง ไม่ว่างานพัฒนาของคุณจะถูกถ่ายโอนจากแล็ปท็อปไปยัง iPad หรือจาก iPad ไปยัง Mac คุณไม่ต้องกังวลเกี่ยวกับงานของคุณ เนื่องจาก Bootstrap สามารถปรับให้เข้ากับความแตกต่างระหว่างแพลตฟอร์มที่แตกต่างกันด้วยการส่งมอบและประสิทธิภาพที่รวดเร็วเป็นพิเศษ
8. ความเข้ากันได้กับเทคโนโลยีในอนาคต
Bootstrap มีองค์ประกอบพิเศษมากมายเช่น HTML5 และ CSS3 ซึ่งเรียกว่าอนาคตของการออกแบบ เนื่องจากกรอบนี้คำนึงถึงอนาคตของการออกแบบและการพัฒนาจึงมีศักยภาพที่จะกลายเป็นมาตรฐานอ้างอิงสำหรับนักพัฒนาเว็บในอีกไม่กี่ปีข้างหน้า
9. ความสามารถในการแข่งขัน
Bootstrap ไม่ได้เป็นเพียงกรอบการพัฒนาส่วนหน้าเช่น JQuery UI, HTML5 Boilerplate ฯลฯ แต่สำหรับ Bootstrap คู่แข่งที่แท้จริงคือมูลนิธิ Zurb Bootstrap 2 ได้เพิ่มชุดเครื่องมือใหม่และใช้เวลานานสำหรับ Foundation ในการเติมเต็ม Bootstrap มีปลั๊กอินของบุคคลที่สามจำนวนมากชุดรูปแบบคุณสมบัติการใช้งานรหัส ฯลฯ ซึ่งรองพื้นไม่มี
10. คำอธิบายโดยละเอียด
เอกสารของ Bootstrap นั้นยอดเยี่ยมมาก แพลตฟอร์มใหม่ส่วนใหญ่มักจะไม่มีเอกสารที่เหมาะสมและเอกสารของ Bootstrap ช่วยให้เราเรียนรู้ได้อย่างมาก ข้อมูลทั้งหมดที่เราต้องการสามารถพบได้ผ่านเอกสาร
11. เป็นประโยชน์ต่อผู้บังคับบัญชา
การเรียนรู้ bootstrap ไม่ได้ใช้เวลามากนักเพราะมันห่อหุ้มวิธีการทั้งหมดด้วยสถาปัตยกรรม จากมุมมองของเจ้านายหากคุณมีกรอบการบูตสำหรับนักพัฒนาเว็บพวกเขาจะประหยัดเวลาในการเรียนรู้และลงทุนในงานของพวกเขาได้อย่างรวดเร็ว สิ่งนี้จะนำมาซึ่งประโยชน์ที่ดีกว่าให้กับผู้บังคับบัญชา
หากคุณพบว่า bootstrap มีประโยชน์กับคุณจริง ๆ คุณสามารถตรวจสอบเฟรมเวิร์กได้ที่ twitter.github.com/bootstrap/ นอกจากนี้คุณยังสามารถดาวน์โหลดเวอร์ชันที่รวบรวมได้หรือรับไฟล์ต้นฉบับ bootstrap ที่มีเอกสาร CSS และ JavaScript
ประสบการณ์ทางสายตา
สิ่งแรกที่ฉันเห็นคือเว็บไซต์ทางการของจีน หากคุณดูอย่างระมัดระวังมันจะอธิบายอย่างละเอียด
ถัดไปคลิกที่เอกสารภาษาจีน http://v3.bootcss.com/bootstrap3
อ่านต่อไป http://expo.bootcss.com/ อินสแตนซ์เว็บไซต์จำนวนมากที่ใช้ที่นี่
เมื่อเห็นตัวอย่างมากมายและสถาปัตยกรรมส่วนหน้ายอดเยี่ยมจริง ๆ แล้วฉันรู้ว่ามีการใช้เว็บไซต์จำนวนมากและฉันแทบรอไม่ไหวที่จะเริ่มการเรียนรู้
หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:
การสอนการเรียนรู้ bootstrap
การสอนการใช้งาน Bootstrap
การสอนการใช้งานปลั๊กอิน bootstrap
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น