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

ฉันมีเมนูแบบเลื่อนลง Twitter Bootstrap ดังที่ผู้ใช้งาน Bootstrap ของ Twitter รู้เมนูดรอปดาวน์จะปิดเมื่อคลิก (แม้แต่คลิกภายใน) เพื่อหลีกเลี่ยงปัญหานี้ฉันสามารถแนบตัวจัดการเหตุการณ์คลิกบนเมนูแบบเลื่อนลงและเพิ่มชื่อดังevent.stopPropagation()ได้อย่างง่ายดาย <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-list-alt"></i> Menu item 1 <span class="fa fa-chevron-down pull-right"></span> </a> <ul class="dropdown-menu mega-dropdown-menu"> <li> <div id="carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel"></li> <li class="active" data-slide-to="1" data-target="#carousel"></li> </ol> …

310 javascript  jquery  html  twitter-bootstrap-3  drop-down-menu 

ฉันใช้เวลาที่ไม่สมจริงในการพยายามใช้งานฟังก์ชั่นเมื่อแท็บเปลี่ยนจาก bootstrap 3 tab / navbar และคำแนะนำทั้งหมดที่ google spat out ผิด / ไม่ทำงาน จะไปเกี่ยวกับเรื่องนี้ได้อย่างไร Meta-edit: ดูความคิดเห็น

286 jquery  twitter-bootstrap-3 

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

284 angularjs  twitter-bootstrap-3  ng-grid  angular-ui-grid  smart-table 

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

259 twitter-bootstrap  twitter-bootstrap-3  wai-aria 

ฉันกำลังสร้างเว็บไซต์โดยใช้ Twitter Bootstrap ใหม่ ไซต์ดูดีและทำงานได้ในเบราว์เซอร์ที่จำเป็นทั้งหมดยกเว้น IE8 ใน IE8 ดูเหมือนว่าจะแสดงองค์ประกอบของรุ่นมือถือ แต่ขยายไปทั่วหน้าจอเต็มของเดสก์ท็อปของฉัน ฉันเชื่อว่าปัญหาที่ฉันมีก็คือ Twitter bootstrap นั้นเป็นอุปกรณ์พกพาก่อน ดังนั้นด้วยเหตุผลบางอย่าง IE8 จึงเป็นไปได้สำหรับตัวเลือกนี้ ฉันยังสังเกตเห็นว่าcontainerคลาสดูเหมือนจะไม่ถูกดึงในคุณสมบัติ CSS ความกว้างสูงสุดตามที่ต้องการ ทุกคนสามารถเห็นสิ่งที่ฉันทำผิดได้ไหม <!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- Bootstrap --> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> <script src="/SiteFiles/js/modernizr.js"></script> <!-- CSS --> <link href="/SiteFiles/css/main.css" rel="stylesheet"> <header> <div …

228 html  css  twitter-bootstrap  internet-explorer-8  twitter-bootstrap-3 

ในรุ่นที่สองฉันสามารถใช้ ป้ายสถานะ - สำคัญ ฉันเห็นว่าองค์ประกอบ .badge นั้นไม่มีคลาส (-success, -primary, etc .. ) อีกต่อไป ฉันจะทำสิ่งเดียวกันในเวอร์ชัน 3 ได้อย่างไร เช่น. ฉันต้องการป้ายเตือนและป้ายสำคัญใน UI ของฉัน

218 twitter-bootstrap  twitter-bootstrap-3 

ฉันจะสร้าง Glyphicons ที่ใหญ่กว่าใน twitter bootstrap 3.0 ได้อย่างไร (ไม่ใช่ 2.3.x) รหัสนี้จะทำให้ glyphicons ของฉันใหญ่: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> ฉันจะได้ขนาดนี้โดยไม่ใช้คลาส btn-lg ในขณะที่ใช้เพียงช่วงเดียวได้อย่างไร สิ่งนี้จะให้ glyphicon ขนาดเล็ก: <span class="glyphicon glyphicon-link"></span>

212 css  twitter-bootstrap  twitter-bootstrap-3  glyphicons 

ฉันใช้เฟรมเวิร์ก bootstrap ของ twitter มาระยะหนึ่งแล้วพวกเขาก็อัพเดตเป็น version 3 เร็ว ๆ นี้! ฉันมีปัญหาในการติดท้ายท้ายกระดาษฉันใช้เทมเพลตเริ่มต้นที่จัดทำโดยเว็บไซต์ bootstrap twitter แต่ก็ยังไม่มีโชค

204 html  css  twitter-bootstrap  twitter-bootstrap-3 

มีวิธีใดที่จะเพิ่มจุดที่ bootstrap navbar 3 ยุบ (เช่นเพื่อให้มันยุบลงในแบบหล่นลงบนแท็บเล็ตแนวตั้ง)? สองสิ่งนี้ใช้ได้กับ bootstrap 2 แต่ไม่ใช่ตอนนี้! จะเปลี่ยนเกณฑ์การยุบ navbar โดยใช้ Twitter bootstrap-responsive ได้อย่างไร เปลี่ยนจุดพักการตอบสนอง navbar ดีฟอลต์

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

ฉันแน่ใจว่ามีวิธีแก้ไขปัญหานี้อย่างง่าย โดยทั่วไปถ้าฉันมีสองคอลัมน์ฉันจะเพิ่มช่องว่างระหว่างพวกเขาได้อย่างไร เช่นถ้า html คือ: <div class="col-md-6"></div> <div class="col-md-6"></div> เอาต์พุตจะเป็นสองคอลัมน์ถัดจากกันโดยใช้ความกว้างทั้งหมดของหน้า บอกว่าตั้งไวด์ ธ1000pxแล้วแต่ละ div จะเป็น500pxไวด์ ถ้าฉันต้องการที่100pxว่างระหว่างสองสิ่งฉันจะทำสิ่งนี้ได้อย่างไร เห็นได้ชัดโดยอัตโนมัติผ่าน bootstrap ขนาด div จะกลายเป็นขนาด450pxเพื่อชดเชยพื้นที่

202 html  css  twitter-bootstrap-3  grid-layout 

ฉันกำลังออกแบบหน้าโดยใช้ Bootstrap 3 ฉันพยายามใช้ popover กับplacement: rightองค์ประกอบการป้อนข้อมูล Bootstrap ใหม่ช่วยให้มั่นใจได้ว่าถ้าคุณใช้form-controlคุณจะมีองค์ประกอบอินพุตแบบเต็มความกว้าง รหัส HTML มีลักษณะดังนี้: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My popover content." /> </div> </div> ในความคิดของฉันความกว้างของป๊อปอัปต่ำเกินไปเพราะความกว้างของมันไม่ได้อยู่ใน div ฉันต้องการรูปแบบการป้อนข้อมูลทางด้านซ้ายและป๊อปอัพที่กว้างทางด้านขวา ส่วนใหญ่ฉันกำลังมองหาทางออกที่ฉันไม่ต้องแทนที่ Bootstrap JsFiddle ที่แนบมา ตัวเลือกอินพุตที่สอง ยังไม่ได้ใช้ jsfiddle บ่อยนักดังนั้นไม่รู้ แต่ลองเพิ่มขนาดของกล่องผลลัพธ์เพื่อดูผลลัพธ์บนหน้าจอขนาดเล็กจะไม่เห็นเลย http://jsfiddle.net/Rqx8T/

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

ฉันต้องการให้โอเวอร์เลย์แสดงเหนือโมดัลแรกไม่ใช่ที่ด้านหลัง แสดงตัวอย่างโค้ด $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / modal goes here. <br> <br> <br> <br> <br> <a data-toggle="modal" href="#myModal2" class="btn btn-primary">Launch …

185 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  modal-dialog 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน5 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันจะเริ่มโครงการใหม่โดยใช้ AngularJS (กองซ้อนเต็ม) โครงการของฉันจะต้องตอบสนองและฉันจะสร้างแม่แบบตั้งแต่เริ่มต้น ดังนั้นฉันต้องการคำแนะนำว่าจะเลือก bootstrap 3 (มีคำสั่งเชิงมุม) หรือการออกแบบวัสดุสำหรับเค้าโครงหรือไม่ ฉันจะซาบซึ้งอย่างมากถ้ามีคนสามารถระบุข้อดีข้อเสียของทั้งคู่

181 angularjs  twitter-bootstrap-3  material-design  angular-material 

หลังจากดาวน์โหลด bootstrap 3 ชุดสมบูรณ์จากhttp://getbootstrap.comฉันสังเกตเห็นว่ามีไฟล์ css แยกต่างหากสำหรับธีม วิธีการใช้ประโยชน์จากมัน? กรุณาอธิบาย? ฉันรวมอยู่bootstrap-theme.cssในโครงการบูทสแตรปที่มีอยู่ของฉัน แต่ก็ไม่มีความแตกต่างในผลลัพธ์

174 html  css  twitter-bootstrap-3 

ฉันกำลังพัฒนาเว็บไซต์ที่ตอบสนองโดยใช้ Twitter Bootstrap ไซต์นี้มีภาพพื้นหลังแบบเต็มหน้าจอในอุปกรณ์เคลื่อนที่ / แท็บเล็ต / เดสก์ท็อป ภาพเหล่านี้หมุนและจางหายไปโดยใช้สอง divs มันเกือบจะสมบูรณ์แบบยกเว้นเรื่องเดียว การใช้ iOS Safari, เบราว์เซอร์ Android หรือ Chrome บน Android พื้นหลังจะกระโดดเล็กน้อยเมื่อผู้ใช้เลื่อนหน้าลงและทำให้แถบที่อยู่ซ่อน เว็บไซต์อยู่ที่นี่: http://lt2.daveclarke.me/ ไปที่อุปกรณ์พกพาแล้วเลื่อนลงและคุณจะเห็นภาพมีขนาด / ย้าย รหัสที่ฉันใช้สำหรับพื้นหลัง DIV มีดังนี้: #bg1 { background-color: #3d3d3f; background-repeat:no-repeat; background-attachment:fixed; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; width:100%; height:100%; left:0px; top:0px; …

174 android  html  ios  css  twitter-bootstrap-3