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

Bootstrap เป็นเฟรมเวิร์กเอนด์ที่ออกแบบมาเพื่อพัฒนาเว็บไซต์และแอพพลิเคชั่นบนเว็บ สำหรับคำถามที่เกี่ยวข้องกับเวอร์ชั่นของ Bootstrap ให้ใช้แท็กของเวอร์ชันเฉพาะจาก "twitter-bootstrap-2", "twitter-bootstrap-3" และ "bootstrap-4"

5
คุณจะเปิดใช้งานฟังก์ชันปิดคีย์ Escape ในโมดอล Bootstrap ของ Twitter ได้อย่างไร
ฉันทำตามคำแนะนำสำหรับโมดอล Twitter Bootstrap ในหน้าเอกสารหลัก และใช้data-keyboard="true"ไวยากรณ์ที่กล่าวถึง แต่ปุ่ม Escape ไม่ได้ปิดหน้าต่างโมดอล มีอย่างอื่นที่ฉันขาดหายไปหรือไม่? รหัส: <a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a> <div class='modal fade hide' id='my-modal'> <div class='modal-body'> <div>Test</div> </div> </div>
8
คลาสเทียบเท่า ".well" ใน Bootstrap 4 คืออะไร
ใน bootstrap-3 มี.wellคลาสที่เพิ่มเส้นขอบโค้งมนรอบ ๆ องค์ประกอบที่มีสีพื้นหลังสีเทาและช่องว่างภายในบางส่วน <div class="well">Basic Well</div> แต่ฉันไม่พบ.wellคลาสใด ๆใน bootstrap-4 มีแท็กใดเทียบเท่ากับ.wellใน bootstrap-4 หรือไม่?
4
Twitter Bootstrap: div ในคอนเทนเนอร์ที่มีความสูง 100%
ใช้ twitter bootstrap (2) ฉันมีหน้าง่าย ๆ พร้อมแถบนำทางและcontainerฉันต้องการเพิ่ม div ที่มีความสูง 100% (ที่ด้านล่างของหน้าจอ) css-fu ของฉันเป็นสนิมและฉันไม่สามารถทำงานได้ HTML แบบง่าย: <body> <div class="navbar navbar-fixed-top"> <!-- Rest of nav bar chopped from here --> </div> <div class="container fill"> <div id="map"></div> <!-- This one wants to be 100% height --> </div> </body> CSS ปัจจุบัน: #map { width: …
6
Bootstrap รวมแถว (rowspan)
ฉันกำลังทดสอบTwitter Bootstrapและติดอยู่กับนั่งร้านพื้นฐานที่มีแถว ฉันตรวจดูเอกสารของพวกเขาหลายครั้งและฉันสามารถเห็นคอลัมน์การซ้อนซึ่งโดยพื้นฐานแล้วคุณสามารถซ้อนคอลัมน์ภายในคอลัมน์ได้ แต่ฉันไม่พบความสามารถในการรวมแถวเป็นหนึ่งและจัดให้สอดคล้องกับคอลัมน์ถัดจากแถวที่ไม่ได้รวมกัน ภาพด้านล่างควรแสดงให้เห็นถึงสิ่งที่ฉันต้องการทำให้สำเร็จ วิธีแก้ปัญหาเดียวที่ฉันพบคือการใช้ตาราง แต่ฉันไม่ชอบแนวคิดนี้เนื่องจากมุมมองของฉันคือการตอบสนองจะไม่ทำงานกับการใช้ตาราง ใครมีวิธีแก้ปัญหาที่สวยงามสำหรับเรื่องนี้หรือไม่? รูปแบบเว็บส่วนใหญ่ที่ฉันทำจะต้องมีความยืดหยุ่นในระดับที่ดีดังนั้นมันจะดีมากถ้าฉันสามารถเลือกสิ่งที่เป็นประโยชน์ได้ที่นี่
8
วิธีเขียนทับสไตล์ใน Twitter Bootstrap
ฉันจะเขียนทับ stylings ใน Twitter Bootstrap ได้อย่างไร ตัวอย่างเช่นขณะนี้ฉันใช้คลาส. sidebar ที่มีกฎ CSS 'float: left;' ฉันจะเปลี่ยนสิ่งนี้เพื่อให้ไปทางขวาแทนได้อย่างไร ฉันใช้ HAML และ SASS แต่ค่อนข้างใหม่สำหรับการพัฒนาเว็บ
15
bootstrap popover ไม่แสดงที่ด้านบนขององค์ประกอบทั้งหมด
ฉันกำลังทำงานบนเว็บไซต์ bootstrap และหลังจากอัปเดตเป็น bootstrap 2.2 จาก 2.0 ทุกอย่างทำงานได้ยกเว้น popover ป๊อปอัปยังคงปรากฏได้ดี แต่ก็ไม่ปรากฏขึ้นบนองค์ประกอบอื่น ๆ ทั้งหมด <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. …
25
วิธีเพิ่มคลาส“ active” ใน Html.ActionLink ใน ASP.NET MVC
ฉันกำลังพยายามเพิ่มคลาส "active" ให้กับ bootstrap navbar ใน MVC แต่สิ่งต่อไปนี้ไม่แสดงคลาสที่ใช้งานอยู่เมื่อเขียนแบบนี้: <ul class="nav navbar-nav"> <li>@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})</li> <li>@Html.ActionLink("About", "About", "Home")</li> <li>@Html.ActionLink("Contact", "Contact", "Home")</li> </ul> สิ่งนี้จะแก้ไขสิ่งที่ดูเหมือนคลาสที่มีรูปแบบถูกต้อง แต่ใช้ไม่ได้: <a class="active" href="/">Home</a> ในเอกสาร Bootstrap ระบุว่าไม่ควรใช้แท็ก 'a' ในแถบนำทาง แต่ข้างต้นเป็นวิธีที่ฉันเชื่อว่าเป็นวิธีที่ถูกต้องในการเพิ่มคลาสให้กับ Html.ActionLink มีวิธีอื่น (เป็นระเบียบ) ที่ฉันสามารถทำได้หรือไม่?
9
Bootstrap: ฉันจะเปลี่ยนความกว้างของคอนเทนเนอร์ได้อย่างไร
ฉันใช้ Twitter Bootstrap เพื่อพัฒนาเว็บไซต์ด้วยคลาสคอนเทนเนอร์คงที่ แต่ตอนนี้ลูกค้าต้องการให้เว็บไซต์มีความกว้าง 1000px ไม่ใช่ 1170px ฉันไม่ใช้ไฟล์ .less มีวิธีแก้ไขอย่างรวดเร็วหรือไม่?
13
Bootstrap พยายามโหลดไฟล์แผนที่ จะปิดการใช้งานได้อย่างไร? ฉันจำเป็นต้องทำหรือไม่?
ฉันเพิ่งเล่นกับ bootsrap3 ฉันรวบรวมจากแหล่งที่มาและรวม distr js และ css ไว้ในโครงการของฉัน สิ่งนี้คือฉันเห็นใน GH dev tools ว่ามันพยายามรับไฟล์. map.css ทำไมถึงต้องการทำเช่นนั้น? จะปิดการใช้งานได้อย่างไร? ฉันจำเป็นต้องปิดการใช้งานหรือไม่? เพื่อไม่ให้มีเครื่องหมายข้อผิดพลาดในเครื่องมือ dev ฉันได้เพิ่มไฟล์แผนที่นั้นหลังจากนั้นรูปแบบทั้งหมดจะแสดงตามที่กำหนดไว้ในไฟล์ที่น้อยลงซึ่งไม่ได้ช่วยอะไรฉันมากนัก
13
Bootstrap 3: ดึงขวาสำหรับ col-lg เท่านั้น
ใหม่สำหรับ bootstrap 3 .... ในเลย์เอาต์ของฉันฉันมี: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> ฉันไม่ต้องการให้ 'องค์ประกอบ 2' จัดชิดบนหน้าจอที่เล็กกว่า col-lg ดังนั้นการมีคลาส pull-right สำหรับ col-lg-6 เท่านั้น ... ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร? นี่คือซอ: http://jsfiddle.net/thibs/Y6WPz/ ขอบคุณ
7
Bootstrap css ซ่อนส่วนของคอนเทนเนอร์ด้านล่าง navbar navbar-fixed-top
ฉันกำลังสร้างโปรเจ็กต์ด้วย Bootstrap และฉันประสบปัญหาเล็กน้อยฉันมีคอนเทนเนอร์ด้านล่าง Nav -top ปัญหาของฉันคือบางส่วนของคอนเทนเนอร์ของฉันซ่อนอยู่ด้านล่างส่วนหัวของ nav-top ฉันไม่ต้องการใช้ขอบบนกับ ภาชนะ โปรดดู html ด้านล่างที่ฉันประสบปัญหา <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <link rel="stylesheet" href="~/stylesheets/bootstrap.css"/> <link rel="stylesheet" href="~/stylesheets/bootstrap-responsive.css"/> </head> <body> <div class="navbar navbar-fixed-top "> <div class="navbar-inner"> <div class="container"> <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar collapsed" type="button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div …
11
วิธีจัดกึ่งกลางเนื้อหาในคอลัมน์ bootstrap
ฉันพยายามจัดเนื้อหาของคอลัมน์ให้อยู่กึ่งกลาง ดูเหมือนจะไม่เหมาะกับฉัน นี่คือ HTML ของฉัน: <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddle สาธิต
8
Bootstrap 3.0 - Fluid Grid ที่มีขนาดคอลัมน์คงที่
ฉันกำลังเรียนรู้วิธีใช้ Bootstrap ตอนนี้ฉันกำลังลุยเลย์เอาต์อยู่ แม้ว่า Bootstrap จะดูดี แต่ทุกอย่างที่ฉันเห็นก็ดูล้าสมัย สำหรับชีวิตของฉันฉันมีสิ่งที่ฉันคิดว่าเป็นเค้าโครงพื้นฐานที่ฉันคิดไม่ออก เค้าโครงของฉันมีลักษณะดังต่อไปนี้: --------------------------------------------------------------------------- | | | | | | | | | 240px | 160px | All Remaining Width of the Window | | | | | | | | | --------------------------------------------------------------------------| เส้นตารางนี้ต้องใช้ความสูงเต็มของหน้าต่าง จากความเข้าใจของฉันฉันต้องผสมความกว้างคงที่และของไหล อย่างไรก็ตาม Bootstrap 3.0 ดูเหมือนจะไม่มีคลาสของเหลวอีกต่อไป แม้ว่าจะเป็นเช่นนั้น แต่ฉันก็ไม่สามารถหาวิธีผสมของไหลกับขนาดคอลัมน์คงที่ได้ ไม่มีใครรู้วิธีทำใน Bootstrap 3.0?
14
Bootstrap 3 ยุบแสดงสถานะพร้อมไอคอนเชฟรอน
การใช้ตัวอย่างหลักที่นำมาจากหน้าตัวอย่าง Bootstrap 3 Javascript สำหรับการยุบฉันสามารถแสดงสถานะการยุบโดยใช้ไอคอนรูปตัววี ฉันใช้งานได้โดยใช้: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); วิธีนี้ใช้งานได้ (ไม่ได้ทดสอบอย่างสมบูรณ์ในทุกเบราว์เซอร์) แต่ฉันสงสัยว่ามีวิธีแก้ปัญหาที่หรูหรากว่านี้หรือไม่? ตามหลักการแล้วฉันต้องการใช้ฟังก์ชันหลัก แต่ฉันไม่แน่ใจว่าจะได้ผลลัพธ์เดียวกันกับมันอย่างไร $('#accordion').on('hidden.bs.collapse', function () { //do something... }) ต่อไปนี้เป็นรุ่นที่ทำงานในjsfiddle
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.