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

คุณช่วยบอกได้ไหมว่าระบบหรือพฤติกรรมเบื้องหลังdata-targetแอตทริบิวต์ที่ Bootstrap 3 ใช้คืออะไร? ฉันรู้ว่า data-toggle ใช้เพื่อกำหนดเป้าหมาย API JavaScript ของ Bootstrap ของฟังก์ชันกราฟิก

95 twitter-bootstrap-3 

มีปัญหากับ 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 

เป็นไปได้ไหมที่จะเปลี่ยนสีหลักของ bootstrap ให้ตรงกับสีของแบรนด์ ฉันใช้ธีมกระดาษของ bootswatch ในเคสของฉัน

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

เกี่ยวกับ BS 3 ถ้าฉันต้องการเพียงแค่คอลัมน์แคบ ๆ ของเนื้อหาทางด้านขวาฉันอาจใช้คลาสออฟเซ็ตที่ 9 และคอลัมน์ 3 อย่างไรก็ตามถ้าฉันต้องการย้อนกลับและทางด้านซ้ายล่ะ? มีวิธีที่เหมาะสมในการทำ BS หรือฉันควรใช้วิธี CSS ของตัวเอง? ฉันกำลังคิดที่จะสร้างคอลัมน์ 3 ด้วยเนื้อหาของฉันและเป็นเพียงคอลัมน์ว่างเปล่าที่ 9

93 twitter-bootstrap-3 

ฉันมีรหัสนี้: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text 12</li> </ul> …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

ฉันกำลังเปลี่ยนเว็บไซต์ของฉันไปใช้ Bootstrap 3.0 ฉันมีปัญหาเกี่ยวกับการป้อนแบบฟอร์มและการจัดรูปแบบข้อความ สิ่งที่ทำงานใน Bootstrap 2 ไม่ทำงานใน Bootstrap 3 ฉันจะรับข้อความในบรรทัดเดียวกันก่อนและหลังการป้อนแบบฟอร์มได้อย่างไร ฉันได้ จำกัด ขอบเขตให้แคบลงเป็นปัญหากับคลาส 'form-control "ในตัวอย่างเวอร์ชัน Bootstrap 3 ฉันจะรับข้อความและอินพุตทั้งหมดในบรรทัดเดียวได้อย่างไร ฉันต้องการให้ตัวอย่าง bootstrap 3 ดูเหมือนตัวอย่าง bootstrap 2 ใน jsfiddle ตัวอย่างซอ JS <div class="container "> <form> <h3> Format used to look like this in Bootstrap 2 </h3> <div class="row "> <label for="return1"><b>Return:</b></label> <input …

92 html  formatting  twitter-bootstrap-3 

ฉันมี bootstrap v3.0 ฉันใช้class="active"บนของฉันnavbarและมันไม่เปลี่ยนเมื่อฉันกดรายการเมนู ฉันรู้วิธีทำjQueryและสร้างฟังก์ชันคลิก แต่ฉันคิดว่าควรรวมฟังก์ชันนี้ไว้ใน bootstrap หรือไม่ บางทีมันอาจเป็นปัญหาของ JavaScript? นี่คือส่วนหัวของฉันที่มีไฟล์ js / css / bootstrap ที่ฉันรวมไว้: <!-- Bootstrap CSS --> <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" href= "/stylesheets/styles.css" /> <!--jQuery --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <!-- Bootstrap JS --> <script src="/bootstrap/js/bootstrap.min.js"></script> <script src="/bootstrap/js/bootstrap-collapse.js"></script> <script …

91 javascript  html  twitter-bootstrap  twitter-bootstrap-3 

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

90 twitter-bootstrap  twitter-bootstrap-3 

นี่คือแถบนำทางง่ายๆของฉัน: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> ฉันแค่อยากจะป้องกันไม่ให้สิ่งนี้ล่มสลายเพราะฉันไม่ต้องการมันทำอย่างไร? ฉันต้องการหลีกเลี่ยงการเขียน CSS 300K บรรทัดเพื่อลบล้างสไตล์เริ่มต้น ข้อเสนอแนะใด …

89 css  twitter-bootstrap-3  navbar  collapse  preventdefault 

ฉันใช้ glyphicons ใน bootstrap 2.3 แล้ว แต่ตอนนี้ฉันได้อัปเกรดเป็น bootstrap 3.0 แล้ว ตอนนี้ฉันไม่สามารถใช้คุณสมบัติไอคอนได้ ใน bootstrap 2.3 แท็กด้านล่างใช้งานได้ <i class="icon-search"></i> ใน bootstrap 3.0 มันไม่ทำงาน

86 html  css  twitter-bootstrap-3 

ฉันเริ่มต้นใช้งาน Bootstrap 3 และฉันมีปัญหาในการทำความเข้าใจว่าคลาสกริดมีไว้เพื่อใช้อย่างไร นี่คือสิ่งที่ฉันคิดได้จนถึงตอนนี้: ดูเหมือนว่าคลาสcol-sm-#และcol-lg-#แตกต่างจากคลาสเก่าทั่วไปตรงcol-#ที่จะใช้เฉพาะเมื่อหน้าจอมีขนาดใหญ่กว่าที่กำหนด (768px และ 992px ตามลำดับ) หากคุณละเว้น -sm- หรือ -lg- divs จะไม่ยุบรวมเป็นคอลัมน์เดียว แต่เมื่อฉันสร้างสอง divs ภายในแถวที่มีทั้งcol-sm-6ดูเหมือนว่าพวกเขาเป็นเพียงเคียงข้างเมื่อหน้าต่างอยู่ระหว่าง 768px และ 992px กว้าง ในคำอื่น ๆ ถ้าผมหดหน้าต่างตลอดทางลงแล้วค่อยๆขยายมันรูปแบบคอลัมน์เดียวแล้วสองคอลัมน์แล้วกลับไปที่คอลัมน์เดียวอีกครั้ง นี่เป็นพฤติกรรมที่ตั้งใจไว้หรือไม่? ถ้าฉันต้องการสองคอลัมน์สำหรับสิ่งที่เกิน 768px ฉันควรใช้ทั้งสองคลาสหรือไม่ ( <div class="col-sm-6 col-lg-6">) ควรcol-6 นอกจากนี้ยังจะรวม?<div class="col-6 col-sm-6 col-lg-6">

85 html  css  twitter-bootstrap  twitter-bootstrap-3 

เนื่องจาก Bootstrap 3 ไม่มีไฟล์แยกต่างหากสำหรับสไตล์ชีตที่ตอบสนองและมาตรฐานอีกต่อไป ดังนั้นฉันจะลบคุณสมบัติที่ตอบสนองได้อย่างง่ายดายได้อย่างไร

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3 

อะไรคือความแตกต่างระหว่าง bootstrap.css และ bootstrap-theme.css ที่พบในไฟล์ bootstrap เมื่อเราดาวน์โหลด bootstrap?

85 css  twitter-bootstrap-3 

กรุณาอธิบายให้ฉันเมื่อจะใช้เรียนและcontainer rowฉันไม่แน่ใจเพราะเอกสารของ Bootstrap ค่อนข้างไม่ชัดเจนเกี่ยวกับส่วนนี้ ฉันใช้ Bootstrap 3

84 twitter-bootstrap-3