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

ดังนั้นฉันใช้รหัสนี้เพื่อเปิดหน้าต่างโมดอลอื่นในหน้าต่างโมดอลที่เปิดอยู่ในปัจจุบัน: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> สิ่งที่เกิดขึ้นคือแถบเลื่อนจะซ้ำกันเหมือน 500 มิลลิวินาที ฉันเดาว่าเพราะกิริยาปัจจุบันยังคงจางหายไป อย่างไรก็ตามมันดูไม่ราบรื่นและพูดติดอ่างมาก ฉันขอขอบคุณข้อเสนอแนะใด ๆ ในการแก้ปัญหานี้ นอกจากนี้วิธีการสร้างสิ่งนี้ในเหตุการณ์ที่ไม่เป็นมืออาชีพหรือไม่? ฉันกำลังทำงานกับ bootstrap เวอร์ชัน 3.0 แก้ไข: ฉันเดาว่ามันจำเป็นที่จะต้องลดเวลาในการเลือนโมดอล เป็นไปได้อย่างไร?

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

ฉันต้องการที่จะผ่านuserNameจากรายการของuserNameSA modalเข้าสู่ระบบผู้ใช้คลิกบนทวิตเตอร์บูต ฉันใช้Grailsกับangularjsซึ่งข้อมูลจะแสดงผลผ่านทางangularjs การกำหนดค่า หน้ามุมมอง grails ของฉันencouragement.gspคือ <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage </a> </td> </tr> ของฉันencourage/_encouragement_modal.gspคือ <div id="encouragementModal" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Confirm encouragement?</h3> </div> <div class="modal-body"> Do you really …

96 javascript  twitter-bootstrap  grails  angularjs 

ปุ่ม Twitter-Bootstrap นั้นสวยงามมาก ลองใช้โดยการเลื่อนดู แต่มีสี จำกัด มีวิธีใดบ้างที่ฉันสามารถเปลี่ยนสีพื้นฐานของปุ่มในขณะที่ยังคงเอฟเฟกต์การวางเมาส์เหนือที่สวยงามที่ bootstrap ทำให้สวยงามและง่ายดาย ฉันไม่รู้โดยสิ้นเชิงว่า css / javascript ดูเหมือนว่า twitter ใช้เพื่อรักษาเอฟเฟกต์เหล่านั้น

96 css  button  twitter-bootstrap 

แอปพลิเคชัน ASP.NET MVC4 Bootstrap 3 กำลังทำงานจาก Microsoft Visual Studio Express 2013 สำหรับ Web IDE คอนโซล Chrome แสดงข้อผิดพลาดเสมอ http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) ไฟล์นี้มีอยู่ในไดเร็กทอรีฟอนต์ใน Solution Explorer การดำเนินการสร้างถูกตั้งค่าเป็น "เนื้อหา" และไดเร็กทอรีคัดลอกไปยังเอาต์พุตคือ "ห้ามคัดลอกเหมือนในไฟล์ฟอนต์อื่น ๆ " Bootstrap 3 ถูกเพิ่มเข้าไปในโซลูชันโดยใช้ NuGet จะแก้ไขอย่างไรไม่ให้เกิดข้อผิดพลาดนี้ แอปพลิเคชันแสดงไอคอน Glyphicon และ FontAwesome …

96 asp.net-mvc  twitter-bootstrap  visual-studio  asp.net-mvc-4  glyphicons 

ฉันเพิ่งสร้างแบรนด์ใหม่ เชิงมุม cliโปรเจ็กต์ และรันnpm install bootstrap@4.0.0-beta jquery popper.js --save และเปลี่ยนส่วนที่เกี่ยวข้องของ . angular-cli.jsonดังต่อไปนี้ "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], อย่างไรก็ตามได้รับข้อผิดพลาดด้านล่าง 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at Object.2 (scripts.bundle.js:66) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at …

96 twitter-bootstrap  angular  webpack  popper.js 

ฉันต้องการสร้างบล็อคสี 100% แบบสลับกัน สถานการณ์ "ในอุดมคติ" แสดงเป็นสิ่งที่แนบมาเช่นเดียวกับสถานการณ์ปัจจุบัน การตั้งค่าที่ต้องการ: ปัจจุบัน: ความคิดแรกของฉันคือสร้างคลาส div กำหนดสีพื้นหลังและกำหนดความกว้าง 100% .block { width: 100%; background: #fff; } อย่างไรก็ตามคุณจะเห็นได้ว่าสิ่งนี้ไม่ได้ผล มัน จำกัด อยู่ในพื้นที่คอนเทนเนอร์ ฉันพยายามปิดคอนเทนเนอร์ แต่ก็ไม่ได้ผลเช่นกัน

96 css  twitter-bootstrap  width 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle ฉันเดาว่าฉันจะเก็บเนื้อหาของฟอร์มไว้ในฟังก์ชั่นจาวาสคริปต์ ... ฉันจะมีแบบฟอร์มภายใน bootstrap popover ได้อย่างไร

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

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

95 javascript  twitter-bootstrap  modal-dialog 

ฉันต้องการความช่วยเหลือในการแก้ไขปัญหาฉันต้องการจัดกึ่งกลางเนื้อหาภายในคอลัมน์ใน bootstrap4 โปรดค้นหารหัสของฉันด้านล่าง <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

ฉันได้อ่านคำถามต่างๆที่มีคำตอบใน Stack เกี่ยวกับ Twitter Bootstrap และ HTML5 สำเร็จรูป ฉันรู้สิ่งต่อไปนี้: Bootstrap และ H5BP ไม่เทียบเท่าและใช้เพื่อวัตถุประสงค์ที่แตกต่างกัน ฉันรู้ว่า Bootstrap ใช้สำหรับอะไรฉันใช้ทุกวัน - เป็นเฟรมเวิร์กฟรอนต์เอนด์ CSS และ JS ที่พร้อมใช้งานเพียงแค่ใช้คลาสที่เหมาะสมกับตัวเลือก / องค์ประกอบของคุณแล้ว Bootstrap จะทำทุกอย่างให้คุณ พวกเขามีเอกสารสนับสนุนมากมายในเว็บไซต์ของพวกเขาซึ่งคุณสามารถดูสิ่งที่พวกเขานำเสนอภายในกรอบงานและวิธีการนำไปใช้ ... คุณสามารถรวมพลังของทั้งสองโดยใช้initializr H5BP เป็นแม่แบบ ... อืมเกี่ยวกับมัน ... แต่สิ่งที่ฉันยังไม่รู้มีดังต่อไปนี้: H5BP ใช้ทำอะไร เมื่อเยี่ยมชมเว็บไซต์ของพวกเขาพวกเขาจะให้เฉพาะไฟล์ต้นฉบับเท่านั้น (โอ้ใช่และวิดีโอ) ประโยชน์ของการใช้งานคืออะไรและทำไมคุณถึงต้องการใช้ร่วมกับ Bootstrap เช่น?

94 twitter-bootstrap  html5boilerplate 

มีปัญหากับ bootstrap ดังนั้นความช่วยเหลือบางอย่างจะดีมาก ขอบคุณ สิ่งที่ฉันต้องการ: (ส่วนบนสุด) รหัสปัจจุบันของฉัน: <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> ภาพหน้าจอปัจจุบัน:

94 twitter-bootstrap  twitter-bootstrap-3 

นี่คือรหัสของฉัน: <div class="container"> <div> <h1>Welcome TeamName1</h1> asdf <hr> asdf </div> </div> <!-- /container --> ดูเหมือนว่าแท็ก hr จะไม่ทำงานตามที่ฉันคาดหวังไว้ แทนที่จะลากเส้นมันจะสร้างช่องว่างดังนี้:

94 twitter-bootstrap 

มันเป็นประสบการณ์ Bootstrap Twitter ครั้งแรกของฉัน ฉันได้เพิ่มส่วนหัวบางส่วน (h1, h2 และอื่น ๆ ) และจัดชิดซ้าย วิธีที่ถูกต้องในการจัดหัวเรื่องคืออะไร?

94 twitter-bootstrap 

ฉันใช้ Twitter Bootstrap 2.0.1 ในโปรเจ็กต์ Rails 3.1.2 ที่ใช้กับ bootstrap-sass ฉันกำลังโหลดทั้งไฟล์bootstrap.cssและbootstrap-responsive.cssไฟล์รวมถึงbootstrap-collapse.jsJavascript ผมมีรูปแบบของเหลวกับ navbar ที่คล้ายกับตัวอย่าง นี้ต่อไปนี้ navbar ว่า "รูปแบบการตอบสนอง" คำแนะนำที่นี่ ใช้งานได้ดี: หากหน้าเว็บแคบกว่าประมาณ 940px แถบนำทางจะยุบลงและแสดง "ปุ่ม" ที่ฉันสามารถคลิกเพื่อขยายได้ อย่างไรก็ตามแถบนำทางของฉันดูดีถึงความกว้างประมาณ 550px กล่าวคือไม่จำเป็นต้องยุบเว้นแต่หน้าจอจะแคบมาก ฉันจะบอกให้ Bootstrap ยุบเฉพาะแถบนำทางได้อย่างไรหากหน้าจอกว้างน้อยกว่า 550px โปรดทราบว่า ณ จุดนี้ฉันไม่ต้องการปรับเปลี่ยนพฤติกรรมตอบสนองอื่น ๆ เช่นการวางองค์ประกอบแบบซ้อนกันแทนที่จะแสดงแบบเคียงข้างกัน

94 css  ruby-on-rails-3  twitter-bootstrap 

โปรดดูภาพต่อไปนี้เรากำลังใช้ bootstrap carousel เพื่อหมุนภาพ อย่างไรก็ตามเมื่อความกว้างของหน้าต่างมีขนาดใหญ่รูปภาพจะไม่สอดคล้องกับเส้นขอบอย่างถูกต้อง แต่ตัวอย่างภาพหมุนที่จัดทำโดย bootstrap ทำงานได้ดีเสมอไม่ว่าหน้าต่างจะกว้างขนาดไหนก็ตาม ตามรหัส ใครสามารถอธิบายได้ว่าทำไมม้าหมุนจึงมีพฤติกรรมแตกต่างกัน สิ่งนี้เกี่ยวข้องกับขนาดภาพหรือไม่หรือมีการกำหนดค่า bootstrap บางส่วนหรือไม่ <section id="carousel"> <div class="hero-unit span6 columns"> <h2>Welcome to TACT !</h2> <div id="myCarousel" class="carousel slide" > <!-- Carousel items --> <div class="carousel-inner"> <div class="item active" > <img alt="" src="/eboxapps/img/3pp-1.png"> <div class="carousel-caption"> <h4>1. Need a 3rd party jar?</h4> </div> …

93 javascript  jquery  twitter-bootstrap  carousel