Twitter Bootstrap กับ jQuery UI หรือไม่ [ปิด]

214

ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ

ปิดให้บริการใน7 ปีที่ผ่านมา

ฉันใช้ jQuery UI เพื่อปรับปรุงหน้าพื้นฐาน ปุ่มและใส่สไตล์และกล่องโต้ตอบเป็นกิริยาช่วย ตอนนี้ฉันเจอ Bootstrap แล้วและมันก็ค่อนข้างดี

มีประสบการณ์การใช้ jQuery UI ไปยัง Bootstrap บ้างไหม? นี่คือสิ่งที่ฉันกำลังคิดที่จะทำ แต่ก่อนที่ฉันจะทำสิ่งนี้ฉันต้องการที่จะตระหนักถึงปัญหาที่ฉันอาจเผชิญ

— เจสสิก้า
แหล่งที่มา

4

วิธีแก้ปัญหาที่เป็นไปได้วิธีหนึ่งที่อาจไม่สามารถใช้ได้เมื่อมีการถาม ... Addy Osmani และทีมของเขากำลังทำงานผสานสองอย่างนี้เข้าด้วยกัน - หากคุณติดอยู่ระหว่างพวกเขาให้ลองดูและคุณจะได้ทุกอย่างที่คุณต้องการ! - addyosmani.github.io/jquery-ui-bootstrap

— ไฟถนน

1

จะอัปเดตคำตอบ (2014!) อย่างไร มีใครเริ่มเงินรางวัลที่นี่ได้ไหม?

— Peter Krauss

จากเว็บไซต์ Bootstrap - "Bootstrap รองรับหน้าต่าง modal ได้ครั้งละหนึ่งเท่านั้นเท่านั้นไม่สนับสนุน modal ที่ซ้อนกันเนื่องจากเราเชื่อว่าเป็นประสบการณ์การใช้งานที่ไม่ดี" - ความเศร้าโศกที่ดี

— George Beier

133

ฉันมีหลายโครงการ

ความแตกต่างที่ใหญ่ที่สุดในความคิดของฉัน

jQuery UIเป็นทางเลือกที่ปลอดภัยทำงานได้อย่างถูกต้องและดูดีในเบราว์เซอร์เก่าโดยที่Bootstrapใช้ CSS3 ซึ่งโดยทั่วไปหมายถึง GREAT ที่ดีในเบราว์เซอร์ใหม่
ความถี่ในการอัปเดต: Bootstrap กำลังได้รับการอัปเดตที่ยิ่งใหญ่พร้อมฟีเจอร์ใหม่ ๆ ที่น่ากลัว แต่น่าเสียดายที่มันอาจจะทำลายโค้ดก่อนหน้าดังนั้นคุณจึงไม่สามารถติดตั้ง bootstrap และอัปเดตเมื่อมีรีลีสหลักใหม่
jQuery UI ขึ้นอยู่กับโครงสร้าง HTML ที่ดีพร้อมการแปลงจาก JavaScript ในขณะที่ Bootstrap ขึ้นอยู่กับโครงสร้างอินไลน์ที่สามารถปรับแต่งได้ (เรียกเครื่องมือใน JQUERY UI กำหนดไว้ใน Bootstrap)

ดังนั้นจะเลือกอะไรดี?

ขึ้นอยู่กับประเภทของโครงการที่คุณกำลังทำอยู่เสมอ วิดเจ็ตที่ดูเท่และรวดเร็วนั้นดีกว่าหรือผู้ใช้ของคุณมักจะใช้เบราว์เซอร์รุ่นเก่าหรือไม่?

ฉันมักจะลงเอยด้วยการใช้ทั้งคู่เสมอดังนั้นฉันจึงสามารถใช้สิ่งที่ดีที่สุดของทั้งสองโลกได้

นี่คือลิงค์ไปสู่ทั้งเฟรมเวิร์กหากคุณตัดสินใจที่จะใช้

— มาร์โกโยฮันเซ่น
แหล่งที่มา

2

ขอบคุณที่สละเวลาตอบ ความต้องการของฉันสำหรับสิ่งที่ทำงานกับ IE9 หรือเบราว์เซอร์รุ่นใหม่กว่าที่รองรับ CSS3 ค่อนข้างดี Bootstrap เริ่มที่จะดูดีสำหรับฉัน หนึ่งคำถาม. ฉันกำลังใช้ ASP.MVC ฉันสังเกตเห็นบางสิ่งที่ต้องการน้อยลง Boostrap จะใช้ได้กับแพลตฟอร์ม Microsoft ASP MVC หรือไม่ คำว่า "น้อยลง" เหมาะสมตรงไหน?

— เจสสิก้า

คุณสามารถรวบรวมไฟล์น้อยลงไปยังไฟล์. css การสร้าง bootstrap (โดยใช้ make) จะสร้างพร้อมที่จะใช้ไฟล์ CSS ด้วยวิธีนี้คุณไม่จำเป็นต้องใช้น้อย

— mikaelb

3

น้อยเป็นกรอบ CSS ไม่จำเป็นต้องใช้ Boostrap (มีรุ่น CSS / JS ปกติ) แต่ด้วย LESS คุณสามารถสร้าง Variabels ใน CSS (เปลี่ยนสีและอื่น ๆ ) ทำให้มันขึ้นอยู่กับฟังก์ชั่น ดูที่นี่: lesscss.orgและมีรุ่นเบต้าสำหรับคอมไพเลอร์ใน. NET ดู: dotlesscss.org

— Marco Johannesen

20

คุณใช้ "ดีที่สุดของทั้งสองโลก" ได้อย่างไร ที่อยู่ใกล้ผมเคยเป็นโดยใช้jQueryUI Bootstrap (พื้นธีม jQueryUI) แต่ก็ยังได้รับการออกแบบสำหรับเงินทุน 1.4 ไม่ 2.0 และมีการปะทะกันเมื่อพยายามที่จะใช้สำหรับปุ่ม JS ฯลฯ

— อดัมลินช์

3

@ PhoenixX_2 ลองไม่ได้! ตัวอย่าง: ใน bootstrap คุณเขียนคลาสทั้งหมดในองค์ประกอบปุ่ม (เช่น. button button-primary button-smallใน jQueryUI คุณกำหนดองค์ประกอบให้เป็นปุ่ม ie เพียงแค่เพิ่ม "btn" และจากนั้นผ่าน JS คุณทำให้มันเป็นปุ่ม$(".btn").button()ซึ่งหมายความว่าใน Bootstrap คุณ กำหนดไว้ใน HTML และใน jQueryUI คุณกำหนดไว้ใน JS เชิงลบบน Bootstrap คือคุณต้องแก้ไข HTML ของคุณหากคุณอัปเดต / เปลี่ยนแปลงบางอย่าง (เช่น. เวอร์ชั่น Bootstrap) โดยที่ jQueryUI คุณเพียงแค่เปลี่ยน JS ของคุณซึ่งทำได้ง่ายกว่า มีทั้งข้อดีและข้อเสีย! :)

— Marco Johannesen

73

Bootstrap ของ Twitter นั้นเป็นเทคโนโลยีที่ยอดเยี่ยม นี่คือความแตกต่างบางอย่าง

วิดเจ็ต : jQuery UI ชนะที่นี่ วิดเจ็ตวันที่มันให้ประโยชน์อย่างมากและ Twitter Bootstrap ไม่ได้จัดเรียงอะไรเลย
Scaffolding : Bootstrap ชนะที่นี่ ตารางของ Twitter ทั้งของเหลวและคงที่เป็นรอยบน jQuery UI ไม่ได้จัดเตรียมทิศทางนี้โดยปล่อยให้เค้าโครงหน้าขึ้นอยู่กับผู้ใช้
ความเป็นมืออาชีพที่ออกนอกกรอบ : Bootstrap โดยใช้ CSS3 เป็นลีกที่ล้ำหน้า jQuery UI ดูวันที่โดยการเปรียบเทียบ
ไอคอน : ฉันจะไปผูกกับอันนี้ Bootstrap มีไอคอนที่ดีกว่าjQuery UIแต่ฉันไม่ชอบเงื่อนไขหนึ่งบิตโดยทั่วไปแล้วGlyphicons Halflings จะไม่สามารถใช้ได้ฟรี แต่การจัดเรียงระหว่าง Bootstrap และผู้สร้าง Glyphicons ทำให้สิ่งนี้เป็นไปได้โดยไม่เสียค่าใช้จ่ายใด ๆ ในฐานะขอขอบคุณเราขอให้คุณใส่ลิงค์ตัวเลือกกลับไปที่ Glyphicons ทุกครั้งที่ใช้งานได้จริง
รูปภาพและรูปขนาดย่อ : ไปที่ Bootstrap , jQuery UI ไม่ได้ช่วยอะไรที่นี่

บันทึกอื่น ๆ

สิ่งสำคัญคือต้องเข้าใจว่าเทคโนโลยีทั้งสองนี้แข่งขันกันในอวกาศได้อย่างไร มีการทับซ้อนกันมากมาย แต่ถ้าคุณต้องการการนั่งร้านอย่างง่ายและการสร้าง Bootstrap แบบคงที่ / ของเหลวไม่ใช่เทคโนโลยีอื่นมันเป็นเทคโนโลยีที่ดีที่สุด หากคุณต้องการวิดเจ็ตเดี่ยว jQuery UI อาจไม่ได้อยู่ในสามอันดับแรก วันนี้ jQuery UI เป็นเพียงของเล่นเพื่อความมั่นคงและพิสูจน์แนวคิดสำหรับการสร้างวิดเจ็ตฝั่งไคลเอ็นต์โดยใช้เฟรมเวิร์กแบบรวมเป็นหนึ่ง

— Evan Carroll
แหล่งที่มา

34

คุณสามารถใช้ทั้งสองอย่างกับปัญหาที่ค่อนข้างน้อย Twitter Bootstrap ใช้ jQuery 1.7.1 (เหมือนการเขียนนี้) และฉันไม่สามารถคิดได้ว่าทำไมคุณไม่สามารถรวมองค์ประกอบ Jquery UI เพิ่มเติมลงในเทมเพลต HTML ของคุณ

ฉันใช้การผสมผสานของ HTML5 Boilerplate & Twitter Bootstrap ที่สร้างขึ้นที่ Initializr.com สิ่งนี้รวมแม่แบบเริ่มต้นที่ยอดเยี่ยมสองรายการไว้ในโครงการเริ่มต้นที่ยอดเยี่ยม ตรวจสอบรายละเอียดได้ที่http://html5boilerplate.com/และhttp://www.initializr.com/ หรือเพื่อเริ่มต้นทันทีไปที่http://www.initializr.com/คลิก "Bootstrap 2" ปุ่มและคลิก "ดาวน์โหลด" สิ่งนี้จะให้ js และ css ทั้งหมดที่คุณต้องเริ่มต้น

และอย่าถูกทำให้ตกใจด้วย HTML5 และ CSS3 Initializr และ HTML5 Boilerplate ประกอบด้วย polyfills และรหัสเฉพาะ IE ที่จะช่วยให้ฟีเจอร์ทั้งหมดสามารถทำงานได้ใน IE 6, 7 8 และ 9

การใช้ LESS ใน Twitter Bootstrap ก็เป็นทางเลือกเช่นกัน พวกเขาใช้น้อยกว่าในการรวบรวม CSS ทั้งหมดที่ใช้โดย Bootstrap แต่ถ้าคุณเพียงแค่ต้องการแทนที่หรือเพิ่มสไตล์ของคุณเองพวกเขาให้ไฟล์ css ที่ว่างเปล่าเพื่อจุดประสงค์นั้น

นอกจากนี้ยังมีไฟล์ js ว่าง (script.js) เพื่อให้คุณเพิ่มรหัสที่กำหนดเอง นี่คือที่ที่คุณจะเพิ่มตัวจัดการหรือตัวเลือกของคุณสำหรับส่วนประกอบ jQueryUI เพิ่มเติม

— eterps
แหล่งที่มา

คำตอบที่ดี คำถามด่วนยาก jQuery ui มีอะไรให้มากกว่าที่ไม่รวมอยู่ใน bootstrap twitter และปลั๊กอิน

— MindWire

5

ขออภัยเพิ่งเห็นสิ่งนี้ เท่าที่วิดเจ็ต js, jQuery UI มี datepicker และตัวเลื่อนซึ่งไม่รวมอยู่ใน Bootstrap นอกจากนี้ jqUI ยังรวมถึงการโต้ตอบและเอฟเฟกต์เช่นการลากและวาง, การแสดง / ซ่อนภาพเคลื่อนไหว, การสลับคลาสและอื่น ๆ อีกมากมาย การรวมการโต้ตอบของ jqUI กับส่วนประกอบโครงร่างของ Bootstrap อาจเป็นการผสมผสานที่มีประสิทธิภาพมาก

— eterps

6

ประเด็นหนึ่งที่ต้องระวัง โครงการทั้งสองกำหนด $ .fn.button ด้วยวิธีที่ไม่เข้ากัน

— Levi

27

เราใช้ทั้งสองอย่างและเราชอบ Bootstrap สำหรับความเรียบง่ายและจังหวะที่มันถูกพัฒนาและปรับปรุง ปัญหาของ jQuery UI คือการเคลื่อนไหวของหอยทาก ใช้เวลาหลายปีในการเปิดตัวคุณสมบัติทั่วไปเช่น Menubar, Tree control และ DataGrid ซึ่งอยู่ในขั้นตอนการวางแผน / การพัฒนามาตลอด เรารอรอรอและในที่สุดก็ให้ขึ้นและใช้ห้องสมุดอื่น ๆ เช่น ExtJS สำหรับผลิตภัณฑ์ของเราhttp://dblite.com

Bootstrap เกิดขึ้นกับชุดคุณสมบัติที่ครอบคลุมในระยะเวลาอันสั้นและฉันมั่นใจว่ามันจะแซงหน้า jQuery UI ได้ในไม่ช้า

ดังนั้นฉันจึงไม่เห็นอะไรที่จะใช้สิ่งที่ล้าสมัยในที่สุด ...

— ราจีฟ
แหล่งที่มา

43

ในที่สุดทุกสิ่งจะล้าสมัย ไม่มีประโยชน์ในการทำสิ่งใด

— tilgovi

6

จริงเราแค่ต้องเลือกอันที่เราคิดว่าจะทำให้มันอยู่ได้อีกต่อไป

— Rajiv

8

ไม่คุณต้องเลือกคนที่จะนำเงินมาจากลูกค้าของคุณ เมื่อคุณได้รับมันทำงานมันควรจะทำงานต่อไปสักพักแม้ว่ามันจะมีสไตล์ดังนั้นสิ่งเดียวที่คุณกังวลคือเงิน

— Adam