คำถามติดแท็ก twitter-bootstrap

ฉันใช้ Twitter Bootstrap และพยายามจัดปุ่มให้อยู่กึ่งกลางภายในเซลล์ตาราง ฉันต้องการให้มันอยู่ตรงกลางในแนวตั้งเท่านั้น <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> โปรดดูJSFiddleของฉันสำหรับปัญหา ฉันได้ลองใช้เทคนิคการจัดโต๊ะตรงกลางหลายอย่างที่ฉันรู้ แต่ดูเหมือนจะไม่มีอะไรทำงานได้อย่างถูกต้อง ความคิดใด ๆ ? ขอบคุณล่วงหน้า. UPDATE:ใช่ฉันได้พยายามvertical-align:middle;และผลงานว่าถ้ามันเป็นแบบอินไลน์ แต่ไม่ได้ถ้ามันอยู่ในระดับที่tdมี อัปเดต JSFiddle เพื่อแสดงสิ่งนี้ การอัปเดตครั้งสุดท้าย:ฉันเป็นคนงี่เง่าและไม่ได้ตรวจสอบว่ามีการเขียนทับโดย bootstrap.css หรือไม่

90 css  twitter-bootstrap 

ฉันพยายามใช้คำแนะนำเครื่องมือ Bootstrap ในแอปของฉัน แอพของฉันใช้ AngularJS ในปัจจุบันฉันมีสิ่งต่อไปนี้: <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> ฉันคิดว่าฉันจำเป็นต้องใช้ $("[data-toggle=tooltip]").tooltip(); อย่างไรก็ตามฉันไม่แน่ใจ แม้ว่าฉันจะเพิ่มบรรทัดด้านบน แต่รหัสของฉันก็ใช้ไม่ได้ ฉันพยายามหลีกเลี่ยงการใช้ UI bootstrap เนื่องจากมีมากกว่าที่ฉันต้องการ อย่างไรก็ตามถ้าฉันต้องใส่แค่ส่วนคำแนะนำเครื่องมือฉันก็จะเปิดให้ แต่ฉันคิดไม่ออกว่าจะทำอย่างไร ใครช่วยบอกวิธีทำให้ Bootstrap Tooltip ทำงานกับ AngularJS ได้ไหม

90 angularjs  twitter-bootstrap  twitter-bootstrap-tooltip 

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

90 twitter-bootstrap  twitter-bootstrap-3 

โปรดดูโค้ดด้านล่างสิ่งที่ฉันพยายาม <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> เอาต์พุต: First Div SecondDiv ผลลัพธ์ที่คาดหวัง: First Div Second Div ฉันต้องการจัดแนว div ทั้งสองในแนวนอนให้อยู่กึ่งกลางหน้าโดยใช้ bootstrap css ฉันจะทำอย่างไร ฉันไม่ต้องการใช้ css และแนวคิดแบบลอยตัวเพื่อทำสิ่งนี้ เนื่องจากฉันจำเป็นต้องใช้ bootstrap css เพื่อทำงานในรูปแบบทุกประเภท (เช่นขนาดหน้าต่างและความละเอียดทั้งหมด) แทนที่จะใช้แบบสอบถามสื่อ

90 html  css  twitter-bootstrap 

ส่วนที่เหมาะสมของสิ่งที่ฉันพยายามอยู่ที่นี่: <a href="#" data-content="<div id='my_popover'></div>"> Click here </a> $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) เมื่อฉันคลิกฉันเห็นคำขอถูกสร้างขึ้น แต่ไม่ได้เติมข้อมูลที่ป็อปโอเวอร์ ฉันไม่เห็น HTML สำหรับการเพิ่มป๊อปโอเวอร์ใน DOM แต่นั่นอาจเป็นไฟร์บัก มีใครลองทำแบบนี้บ้าง?

90 jquery  twitter-bootstrap 

แก้ไข: บางทีฉันควรถามว่าตัวเลือกใดตั้งค่าช่องว่างด้านข้างเมื่อหน้าจอลดลงต่ำกว่าความกว้าง 480px? ฉันเรียกดู bootstrap-responsiveness.css มาระยะหนึ่งแล้วเพื่อค้นหาสิ่งนี้ แต่ดูเหมือนจะไม่มีผลกับสิ่งนี้ เดิม โดยทั่วไปแล้วฉันต้องการลบการเว้นระยะห่างเริ่มต้นหรือการตั้งค่าระยะขอบสำหรับการตอบสนองบนหน้าจออุปกรณ์ขนาดเล็ก ฉันมีbackground colorทับบนcontainer-fluidตัวเลือกและหน้าจอขนาดใหญ่ทำให้พวกเขาได้อย่างสมบูรณ์แบบ 100% ตามความกว้างหน้าจอ แต่พวกเขาจะลดลงไปขนาดที่เล็กลงตามค่าเริ่มต้น Bootstrap ดูเหมือนว่าจะเพิ่มอัตรากำไรขั้นต้นหรือขยายบนหรือcontainer-fluidcontainer <div class="container-fluid"> <div class="row-fluid"> test </div> </div> หากฉันใช้ css ที่กำหนดเองเพื่อเขียนทับสไตล์เริ่มต้นของ Bootstrap ฉันควรเขียนทับคิวรีสื่อหรือตัวเลือกใดเพื่อลบช่องว่างภายในนี้บนหน้าจอขนาดเล็ก

90 css  twitter-bootstrap  responsive-design  media-queries 

ฉันใช้ Twitter Bootstrap และฉันสังเกตเห็นว่า jQuery show()หรือfadeIn()ไม่ทำให้องค์ประกอบ DOM ที่มีเครื่องหมายคลาสhiddenปรากฏขึ้นเนื่องจากฟังก์ชั่น jQuery ลบdisplay: noneข้อกำหนดเท่านั้น อย่างไรก็ตามยังคงมีการตั้งค่าให้visibilityhidden ฉันสงสัยว่าวิธีใดเป็นวิธีที่ดีที่สุดในการแก้ไขปัญหานี้ ลบhiddenคลาสในองค์ประกอบ เปลี่ยนคุณสมบัติการมองเห็น เขียนทับคลาสที่ซ่อนอยู่ใน css ของฉันเอง โดยเฉพาะอย่างยิ่งฉันต้องการทราบว่าการแก้ไขปัญหานี้ด้วย jQuery หรือ css นั้นดีกว่าหรือไม่และทำไม

89 jquery  twitter-bootstrap 

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

89 css  twitter-bootstrap 

ฉันต้องการลบเรืองแสงสีน้ำเงินของกล่องข้อความและเส้นขอบ แต่ฉันไม่รู้ว่าจะแทนที่ js หรือ css ของมันอย่างไรให้เลือกที่นี่ แก้ไข 1 ฉันต้องการทำสิ่งนี้เพราะฉันใช้ปลั๊กอิน jquery Tag-itและฉันใช้ twitter bootstrap ด้วยปลั๊กอินจะใช้ textField ที่ซ่อนอยู่เพื่อเพิ่มแท็ก แต่เมื่อฉันใช้ twitter bootstrap มันจะปรากฏเป็นกล่องข้อความที่มีเรืองแสงภายใน a textbox ซึ่งแปลกไปหน่อย

88 javascript  jquery  html  css  twitter-bootstrap 

ฉันใช้ twitter bootstrap และมีแถวที่มีสองคอลัมน์ (span6) ฉันจะสร้างตัวแบ่งแนวตั้งระหว่างทั้งสองช่วงได้อย่างไร ขอบคุณ Murtaza

88 html  css  twitter-bootstrap 

ฉันมีปัญหากับปุ่มแบบเลื่อนลงในตารางเมื่อมีการตอบสนองและเลื่อนใช้งานอยู่เนื่องจากไม่สามารถมองเห็นดรอปดาวน์ได้เนื่องจากoverflow: auto;คุณสมบัติ ฉันจะแก้ไขได้อย่างไรเพื่อแสดงตัวเลือกแบบเลื่อนลงของปุ่มเมื่อสิ่งนี้ถูกยุบ ฉันสามารถใช้ jQuery ได้บ้าง แต่หลังจากที่ฉันมีปัญหาในการเลื่อนไปทางซ้าย - ขวาฉันจึงตัดสินใจหาวิธีอื่น ฉันได้แนบรูปถ่ายเพื่อความเข้าใจที่ดีขึ้น นี่คือซอ js ขนาดเล็ก:

88 javascript  jquery  css  twitter-bootstrap  overflow 

ฉันต้องการใช้ปุ่มแบบเลื่อนลง Twitter Bootstrap : <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> </ul> </div><!-- /btn-group --> เมื่อผู้ใช้เปลี่ยนค่าของปุ่มเป็น "การกระทำอื่น" แทนที่จะเพียงแค่นำทางไปยัง#ฉันต้องการจัดการการกระทำด้วยวิธีที่กำหนดเอง แต่ฉันไม่เห็นตัวจัดการเหตุการณ์ใด ๆในปลั๊กอินแบบเลื่อนลงเพื่อทำสิ่งนี้ เป็นไปได้หรือไม่ที่จะใช้ปุ่มแบบเลื่อนลง Bootstrap เพื่อจัดการการกระทำของผู้ใช้ ฉันเริ่มสงสัยว่ามันมีไว้สำหรับการนำทางเท่านั้น - มันสับสนที่ตัวอย่างให้รายการการกระทำ

87 javascript  twitter-bootstrap 

ฉันกำลังลองใช้Bootstrapและฉันสงสัยว่าฉันจะแก้ไขส่วนท้ายที่ด้านล่างได้อย่างไรโดยไม่ให้มันหายไปจากหน้าหากเนื้อหาถูกเลื่อน?

87 html  css  twitter-bootstrap  footer 

ฉันใช้ twitter bootstrap เพื่อสร้างแท็บที่สลับได้ นี่คือ css ที่ฉันใช้: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> html นี้แสดงแท็บอย่างถูกต้อง แต่ดึงไปทางซ้าย (ซึ่งเป็นสิ่งที่ควรจะเกิดขึ้น) ฉันได้ลองปรับแต่ง CSS เพื่อให้แท็บอยู่ตรงกลางของหน้า แต่ยังไม่มีโชค ฉันคิดว่าคนที่มีประสบการณ์ css มากกว่าจะรู้วิธีทำสิ่งนี้ โปรดทราบว่ามีคำถามอื่นเกี่ยวกับการวางยา nav ไว้ตรงกลางซึ่งฉันได้ลองใช้แล้ว แต่ไม่ได้ผลกับแท็บ nav ธรรมดาเท่านั้น ขอบคุณ.

87 html  css  twitter-bootstrap 

ฉันได้ตั้งค่าหีบเพลง Bootstrap เวอร์ชันง่ายๆนี้แล้ว : หีบเพลงธรรมดา: http://jsfiddle.net/darrenc/cngPS/ ขณะนี้ไอคอนชี้ลงเท่านั้น แต่มีใครรู้บ้างว่าจำเป็นต้องใช้ JS อะไรเพื่อเปลี่ยนคลาสของไอคอนเป็น: <i class="icon-chevron-up"></i> ... เพื่อให้ชี้ขึ้นเมื่อขยายและสลับกลับลงอีกครั้งเมื่อยุบและอันดับสี่?

87 javascript  jquery  twitter-bootstrap