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

เอกสาร bootstrap ในหัวข้อนั้นทำให้ฉันสับสนเล็กน้อย ฉันต้องการให้เกิดลักษณะการทำงานที่คล้ายกันเช่นในเอกสารที่มีแถบนำทางที่ติดอยู่: แถบนำทางอยู่ด้านล่างส่วนหัวของย่อหน้า / หน้าและเมื่อเลื่อนลงมาควรเลื่อนไปก่อนจนกว่าจะถึงด้านบนสุดของหน้าจากนั้นติดที่นั่นเพื่อแก้ไขเพื่อเลื่อนลงต่อไป . เนื่องจาก jsFiddle ไม่ทำงานกับแนวคิด navbar ฉันจึงได้ตั้งค่าหน้าแยกสำหรับการใช้งานเป็นตัวอย่างขั้นต่ำ: http://i08fs1.ira.uka.de/~s_drr/navbar.html ฉันใช้สิ่งนี้เป็นแถบนำทางของฉัน: <div class="navbar affix-top" data-spy="affix" data-offset-top="50"> <div class="navbar-inner"> <div class="container"> <div class="span12"> <a class="brand" href="#">My Brand</a> This is my navbar. </div> </div> <!-- container --> </div> <!-- navbar-inner --> </div> <!-- navbar --> ฉันคิดว่าฉันต้องการdata-offset-topให้มีค่าเป็น 0 (เนื่องจากแถบควร …

110 css  web  twitter-bootstrap  navbar 

ฉันทำงานใน (เดิมคือ Twitter) Bootstrap 2 และฉันต้องการจัดรูปแบบปุ่มให้เหมือนกับว่าเป็นลิงก์ปกติ ไม่ใช่แค่ลิงค์ธรรมดา ๆ แต่; สิ่งเหล่านี้จะอยู่ใน<ul class="nav nav-tabs nav-stacked">ภาชนะ มาร์กอัปจะลงเอยเช่นนี้: <form action="..." method="post"> <div class="row-fluid"> <!-- Navigation for the form --> <div class="span3"> <ul class="nav nav-tabs nav-stacked"> <li><button type="submit" name="op" value="Link 1">Link 1</button></li> <li><button type="submit" name="op" value="Link 2">Link 2</button></li> <!-- ... --> </ul> </div> <!-- The …

110 html  css  twitter-bootstrap 

ฉันต้องการเพิ่มคุณสมบัติการออกแบบที่ตอบสนองให้กับเว็บแอปพลิเคชันของฉันโดยใช้ Twitter Bootstrap ฉันแค่ต้องการพฤติกรรมที่ตอบสนองฉันไม่สนใจตัวอักษรส่วนประกอบหรือสิ่งอื่นใดที่รวมอยู่ใน Bootstrap ฉันได้รับBootstrap เวอร์ชันที่กำหนดเองเพียงแค่เลือกระบบกริด อย่างไรก็ตามเมื่อฉันเพิ่ม CSS ที่สร้างขึ้นในแอปพลิเคชันของฉันสไตล์ทั้งหมดของฉันจะยุ่งเหยิง (ส่วนหัวลิงก์และอื่น ๆ ) เหตุใดจึงเกิดขึ้น ฉันจะรับ Bootstrap CSS ด้วยระบบกริดได้อย่างไร ฉันต้องการหลีกเลี่ยงการแก้ไขไฟล์ Bootstrap ด้วยตนเอง

109 html  css  twitter-bootstrap  responsive-design 

ฉันใช้ Twitter Bootstrap และ "แท็บ" ฉันมีรหัสต่อไปนี้: <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#add">add</a></li> <li><a data-toggle="tab" href="#edit" >edit</a></li> <li><a data-toggle="tab" href="#delete" >delete</a></li> </ul> แท็บทำงานได้อย่างถูกต้อง แต่ใน URL ไม่ได้เพิ่ม #add, #edit, #delete เมื่อฉันลบdata-toggleการเปลี่ยนแปลง URL แต่แท็บไม่ทำงาน วิธีแก้ปัญหานี้หรือไม่?

109 jquery  twitter-bootstrap 

ตามเอกสารของ twitter bootstrap ฉันควรจะสามารถ "ตัดสตริงข้อความใน<p>แท็กเพื่อให้นำหน้าและสีที่เหมาะสม" เมื่อฉันทำสิ่งนี้ไม่ว่าจะอยู่ในระดับใดก็ตามnavbarจะไม่สืบทอดnavbarคลาสใด ๆ การรวมสตริงใน<a>แท็กจะแสดงผล แต่ไม่ควรเป็นจุดยึด "Logged in as ... "สตริงฉันพยายามที่จะทำให้เป็น

109 html  css  twitter-bootstrap 

ฉันเพิ่งเริ่มใช้ Bootstrap จาก Twitter และฉันสงสัยว่า 'แนวทางปฏิบัติที่ดีที่สุด' สำหรับการปรับแต่งคืออะไร ฉันต้องการพัฒนาระบบที่จะใช้ประโยชน์จากพลังทั้งหมดของเทมเพลต css (Bootstrap หรืออื่น ๆ ) แก้ไขได้อย่างสมบูรณ์ (และง่าย) มีความยั่งยืน (กล่าวคือ - เมื่อ Bootstrap เวอร์ชันถัดไปออกจาก Twitter ฉันจะไม่ '' ต้องเริ่มต้นใหม่ ตัวอย่างเช่นฉันต้องการเพิ่มภาพพื้นหลังในการนำทางด้านบน ดูเหมือนว่าจะมี 3 วิธีในการดำเนินการนี้: ปรับเปลี่ยนคลาส. topbar ใน bootstrap.css ฉันไม่ชอบสิ่งนี้เป็นพิเศษเพราะฉันจะมีรายการ. topbar จำนวนมากและฉันไม่จำเป็นต้องแก้ไขด้วยวิธีเดียวกันทั้งหมด สร้างคลาสใหม่ด้วยภาพพื้นหลังของฉันและใช้ทั้งสองสไตล์ (ใหม่และ bootstrap กับองค์ประกอบของฉัน) สิ่งนี้อาจสร้างความขัดแย้งของรูปแบบซึ่งสามารถหลีกเลี่ยงได้โดยการแยกคลาส. topbar ออกเป็นคลาสแยกจากนั้นใช้เฉพาะส่วนที่คลาสที่กำหนดเองของฉันไม่ได้เหยียบ อีกครั้งสิ่งนี้ต้องใช้งานมากกว่าที่ฉันคิดว่าควรจำเป็นและในขณะที่มีความยืดหยุ่น แต่ก็ไม่อนุญาตให้ฉันอัปเดต bootstrap.css ได้อย่างง่ายดายเมื่อ Twitter ออกงวดถัดไป ใช้ตัวแปรใน. …

109 css  twitter-bootstrap  bootswatch 

ฉันมีรายการแบบเลื่อนลงต่อไปนี้ <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content goes here </ul> มุมซ้ายบนของเมนูแบบเลื่อนลงอยู่ที่มุมล่างซ้ายของข้อความ (Action) แต่ฉันหวังว่าตำแหน่งของมุมขวาบนของดร็อปดาวน์จะอยู่ที่ด้านขวาล่างของข้อความ ฉันจะทำเช่นนั้นได้อย่างไร?

109 css  twitter-bootstrap  drop-down-menu 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันพยายามสร้างทรี (เช่นไดเร็กทอรีทรี) ที่ใช้ CSS ให้มากที่สุดและ JS ให้น้อยที่สุด (เฉพาะสำหรับสถานะ ฯลฯ ) และฉันต้องการทราบว่ามีปลั๊กอินทรีที่ดีสำหรับbootstrap หรือไม่หรือjQuery UI-บูต สำหรับการอ้างอิงหรือสำหรับคนที่สับสนเกี่ยวกับคำถามนี้ฉันกำลังมองหาบางอย่างเช่นdynatreeสำหรับ bootstrap

108 javascript  jquery  twitter-bootstrap  css  jquery-ui 

ฉันกำลังพยายามลดความสูงของ navbar bootstrap 3.0 ซึ่งใช้กับพฤติกรรมคงที่ นี่ฉันกำลังใช้รหัส HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" role="navigation"> <ul class="nav navbar-nav pull-right"> <li class="active"> <a href="../getting-started">Getting started</a> </li> <li> …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันสงสัยว่าจะมีใครให้คำแนะนำได้บ้างว่า 'ดีกว่า' Twitter-bootstrap หรือ JQuery mobile? ขอบคุณ -peter

108 jquery-mobile  twitter-bootstrap 

ฉันใช้ Twitter Bootstrap และต้องการใช้ "แนะนำอัตโนมัติ" ซึ่งไม่มีใน Bootstrap ในขณะที่ jQuery UI มีวิธีการแนะนำอัตโนมัติของตัวเอง ฉันสามารถใช้ทั้งสองอย่างได้หรือไม่? แบนด์วิธมันจะเกินไหม

108 jquery-ui  twitter-bootstrap 

ฉันได้ตั้งค่าโมดอล bootstrap โดยมีแบบฟอร์มอยู่ภายในฉันเพิ่งสังเกตว่าเมื่อฉันกดปุ่ม Enter โมดอลจะถูกปิด มีวิธีที่จะไม่ปิดเมื่อกด Enter หรือไม่? ฉันพยายามเปิดใช้งานโมดอลด้วยแป้นพิมพ์: เท็จ แต่จะป้องกันการปิดด้วยแป้น ESC เท่านั้น

108 forms  twitter-bootstrap  modal-dialog 

ปิด . คำถามนี้เป็นคำถามความคิดเห็นตาม ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบได้ด้วยข้อเท็จจริงและการอ้างอิงโดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ข้อใดเป็นวิธีที่ดีที่สุดในการใช้และถ้าเป็นไปได้โปรดระบุความแตกต่างและข้อดีของสองข้อนี้ Semantic-ui vs Bootstrap ฉันพยายามสร้าง UI ของฉันและสับสนจริงๆว่าจะใช้อะไรดี โปรดแนะนำสิ่งที่ดีที่สุดและถ้าเป็นไปได้พร้อมตัวอย่าง

107 twitter-bootstrap  user-interface  semantic-ui 

ฉันมีโต๊ะที่มีคลาส 'table-hover' ค่าเริ่มต้นวางเมาส์เหนือสีคือสีขาว / เทาอ่อน ฉันจะเปลี่ยนสีนี้ได้อย่างไร? ฉันได้ลองเขียนทับค่าเริ่มต้นโดยเพิ่มสิ่งต่อไปนี้ในสไตล์ชีตที่โดดเด่นของฉัน .table-hover tbody tr:hover > th { background-color: #D1D119; } น่าเสียดายที่ข้างต้นไม่ทำงาน

107 twitter-bootstrap 

ฉันไม่เข้าใจว่า Twitter Bootstrap ทำลิงค์ที่ใช้งานอยู่สำหรับการนำทางได้อย่างไร หากฉันมีการนำทางเป็นประจำเช่นนี้ (โดยมีทับทิมบนรางเชื่อม): <ul class="nav"> <li class="active"> <a href="/link">Link</a> </li> <li class=""> <a href="/link">Link</a> </li> <li class=""> <a href="/link">Link</a> </li> </ul> ฉันจะทำให้มันใช้งานได้อย่างไรตามลิงค์ที่คลิก

106 ruby-on-rails  twitter-bootstrap