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

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

12
เพิ่มไอคอนเพื่อส่งปุ่มใน twitter bootstrap 2
ฉันต้องการใช้ไอคอน bootstrap twitter บนปุ่มส่งแบบฟอร์มของฉัน ตัวอย่างในhttp://twitter.github.com/bootstrap/base-css.html#iconsส่วนใหญ่จะแสดงไฮเปอร์ลิงก์สไตล์ สิ่งที่ใกล้เคียงที่สุดที่ฉันเข้ามาคือการทำให้ไอคอนปรากฏถัดจากปุ่ม แต่ไม่ได้อยู่ข้างใน <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div>
30
วิธีลบโฟกัสรอบ ๆ ปุ่มเมื่อคลิก
ปุ่มของฉันมีจุดเด่นอยู่รอบ ๆ หลังจากที่ฉันคลิก นี่คือใน Chrome <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> ฉันใช้ Bootstrap ด้วยธีม แต่ฉันค่อนข้างแน่ใจว่าไม่ใช่: ฉันกำลังสังเกตเห็นสิ่งนี้มาก่อนในโครงการอื่น มันจะหายไปถ้าผมใช้แท็กแทน<a> <button>ทำไม? ถ้าฉันต้องการใช้<button>ฉันจะทำให้มันหายไปได้อย่างไร
25
เปลี่ยนเนื้อหาเคล็ดลับเครื่องมือ Bootstrap เมื่อคลิก
ฉันมีคำแนะนำเครื่องมือในองค์ประกอบสมอที่ส่งคำขอ AJAX เมื่อคลิก องค์ประกอบนี้มีเคล็ดลับเครื่องมือ (จาก Twitter Bootstrap) ฉันต้องการให้เนื้อหาคำแนะนำเครื่องมือเปลี่ยนเมื่อคำขอ AJAX ส่งคืนสำเร็จ ฉันจะจัดการเคล็ดลับเครื่องมือหลังจากเริ่มต้นได้อย่างไร
30
แบบอักษรดีเลิศไม่ทำงานไอคอนแสดงเป็นสี่เหลี่ยม
ดังนั้นฉันจึงพยายามสร้างต้นแบบหน้าการตลาดและฉันใช้ Bootstrap และไฟล์ Font Awesome ใหม่ ปัญหาคือเมื่อฉันพยายามใช้ไอคอนทุกอย่างที่แสดงบนหน้าจะเป็นสี่เหลี่ยมจัตุรัสขนาดใหญ่ นี่คือวิธีที่ฉันรวมไฟล์ไว้ในหัว: <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css"> <!--[if IE 7]> <link rel="stylesheet" href="css/font-awesome-ie7.min.css"> <![endif]--> </head> และนี่คือตัวอย่างของฉันที่พยายามใช้ไอคอน: <i class="icon-camera-retro"></i> แต่ทั้งหมดที่ได้รับการแสดงผลในสี่เหลี่ยมขนาดใหญ่ ไม่มีใครรู้ว่าเกิดอะไรขึ้น?
11
จัดกึ่งกลางเนื้อหาในแถบนำทาง bootstrap ที่ตอบสนองต่อ
ฉันมีปัญหาในการศูนย์กลางเนื้อหาของฉันในแถบนำทาง bootstrap ฉันใช้ bootstrap 3. ฉันได้อ่านบทความจำนวนมาก แต่ CSS หรือวิธีการที่ใช้จะไม่ทำงานกับรหัสของฉัน! ฉันผิดหวังจริงๆดังนั้นนี่เป็นตัวเลือกสุดท้ายของฉัน ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชม! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/style.css" rel="stylesheet" media="screen"> </head> <body> <div class="container"> <nav class="navbar navbar-default" role="navigation"> <!-- Brand and toggle get grouped for better mobile …
9
Twitter Bootstrap 3.0 ฉันจะ“ ทำการติดป้ายที่สำคัญได้อย่างไร” ในตอนนี้
ในรุ่นที่สองฉันสามารถใช้ ป้ายสถานะ - สำคัญ ฉันเห็นว่าองค์ประกอบ .badge นั้นไม่มีคลาส (-success, -primary, etc .. ) อีกต่อไป ฉันจะทำสิ่งเดียวกันในเวอร์ชัน 3 ได้อย่างไร เช่น. ฉันต้องการป้ายเตือนและป้ายสำคัญใน UI ของฉัน
4
Twitter Bootstrap กับ jQuery UI หรือไม่ [ปิด]
ตามที่เป็นอยู่ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบคำถาม & คำตอบของเรา เราคาดหวังคำตอบที่จะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจเรียกร้องให้มีการอภิปรายโต้แย้งโต้แย้งหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงและเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อขอคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา ฉันใช้ jQuery UI เพื่อปรับปรุงหน้าพื้นฐาน ปุ่มและใส่สไตล์และกล่องโต้ตอบเป็นกิริยาช่วย ตอนนี้ฉันเจอ Bootstrap แล้วและมันก็ค่อนข้างดี มีประสบการณ์การใช้ jQuery UI ไปยัง Bootstrap บ้างไหม? นี่คือสิ่งที่ฉันกำลังคิดที่จะทำ แต่ก่อนที่ฉันจะทำสิ่งนี้ฉันต้องการที่จะตระหนักถึงปัญหาที่ฉันอาจเผชิญ
30
รีเซ็ตค่า select2 และแสดงตัวยึดตำแหน่ง
ฉันจะตั้งค่าตัวยึดตำแหน่งอย่างไรเมื่อรีเซ็ตค่าโดย select2 ในตัวอย่างของฉันหากมีการคลิกกล่องสถานที่ตั้งหรือเกรดและ select2 ของฉันมีค่ามากกว่าค่าของ select2 ควรรีเซ็ตและแสดงตัวยึดตำแหน่งเริ่มต้น สคริปต์นี้กำลังรีเซ็ตค่า แต่จะไม่แสดงตัวยึดตำแหน่ง $("#locations, #grade ").change(function() { $('#e6').select2('data', { placeholder: "Studiengang wählen", id: null, text: '' }); }); $("#e6").select2({ placeholder: "Studiengang wählen", width: 'resolve', id: function(e) { return e.subject; }, minimumInputLength: 2, ajax: { url: "index.php?option=com_unis&task=search.locator&tmpl=component&<?php echo JSession::getFormToken() ?>=1", dataType: 'json', data: function(term, page) …
7
Glyphicons ที่ใหญ่กว่า
ฉันจะสร้าง 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>
15
วิธีจัดแนวศูนย์กลางภาพที่ตายแล้วด้วย bootstrap
ฉันใช้เฟรมเวิร์ก bootstrap และพยายามทำให้รูปภาพอยู่กึ่งกลางแนวนอนโดยไม่สำเร็จ .. ฉันได้ลองเทคนิคต่าง ๆ เช่นการแยกระบบ 12 กริดใน 3 บล็อกเท่ากัน <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"><img src="logo.png" /></div> <div class="span4"></div> </div> </div> วิธีที่ง่ายที่สุดในการทำให้ภาพอยู่กึ่งกลางสัมพันธ์กับหน้าคืออะไร
9
ฉันจะแสดงกล่องเลือกรายการ (ดร็อปดาวน์) ด้วย bootstrap ได้อย่างไร
มีสิ่งใดนอกกรอบที่ bootstrap รองรับเพื่อแสดงรายการแบบดรอปดาวน์ปกติหรือไม่ นั่นคือที่กล่องรายการแบบหล่นลงเป็นรายการของค่าและถ้าเลือกเติมเนื้อหาของกล่องรายการ? สิ่งที่คล้ายกับฟังก์ชั่นนี้หรือไม่? http://bootstrapformhelpers.com/select/
18
เปลี่ยนจุดพักการยุบ navbar ของ bootbar โดยไม่ใช้ LESS
ปัจจุบันเมื่อความกว้างของเบราว์เซอร์ลดลงต่ำกว่า 768px แถบนำทางจะเปลี่ยนเป็นโหมดยุบตัว ฉันต้องการเปลี่ยนความกว้างนี้เป็น 1,000px ดังนั้นเมื่อเบราว์เซอร์ต่ำกว่า 1,000px แถบนำทางจะเปลี่ยนเป็นโหมดยุบ ฉันต้องการทำสิ่งนี้โดยไม่ใช้ LESS ฉันใช้สไตลัสไม่ใช่ LESS ปัญหาของฉันเหมือนกับคำถามนี้: Bootstrap 3 Navbar ยุบ แต่คำตอบทั้งหมดในคำถามนั้นจะอธิบายวิธีการทำโดยการเปลี่ยนตัวแปร LESS ฉันไม่ได้ติดต่อกับน้อยฉันใช้สไตลัสดังนั้นฉันต้องการทราบว่าวิธีนี้สามารถทำได้โดยใช้สไตลัสหรือวิธีอื่น ขอบคุณ!
7
แบบอักษรยอดเยี่ยมประเภทอินพุต 'ส่ง'
ดูเหมือนจะไม่มีคลาสสำหรับประเภทการป้อนข้อมูล 'ส่ง' ในฟอนต์ที่ยอดเยี่ยม เป็นไปได้ไหมที่จะใช้บางคลาสจากฟอนท์ยอดเยี่ยมสำหรับการป้อนปุ่ม? ฉันได้เพิ่มไอคอนให้กับปุ่มทั้งหมด (ซึ่งเชื่อมโยงกับคลาส 'btn' จาก twitter-bootstrap) ในแอปพลิเคชันของฉัน แต่ไม่สามารถเพิ่มไอคอนใน 'ประเภทอินพุตส่ง' หรือวิธีใช้รหัสนี้: input#image-button{ background: #ccc url('icon.png') no-repeat top left; padding-left: 16px; height: 16px; } HTML: <input type="submit" id="image-button">Text</input> (ซึ่งฉันได้รับจากHTML: จะสร้างปุ่มส่งพร้อมข้อความ + รูปภาพได้อย่างไร ) ด้วยตัวอักษรที่ยอดเยี่ยม?
7
ฉันจะทริกเกอร์ Bootstrap modal โดยทางโปรแกรมได้อย่างไร
ถ้าฉันไปที่นี่ http://getbootstrap.com/2.3.2/javascript.html#modals และคลิก 'เปิดตัวตัวอย่างการสาธิต' มันทำสิ่งที่คาดหวัง ฉันใช้คำกริยาเป็นส่วนหนึ่งของกระบวนการลงทะเบียนของฉันและมีการตรวจสอบด้านเซิร์ฟเวอร์ที่เกี่ยวข้อง หากมีปัญหาฉันต้องการเปลี่ยนเส้นทางผู้ใช้ไปยัง modal เดียวกันโดยมีข้อความการตรวจสอบความถูกต้องปรากฏขึ้น ในขณะนี้ฉันไม่สามารถหาวิธีที่จะได้รับกิริยาที่จะแสดงนอกเหนือจากการคลิกทางกายภาพจากผู้ใช้ ฉันจะเปิดตัวแบบจำลองทางโปรแกรมได้อย่างไร
25
Twitter Bootstrap 3 Sticky Footer
ฉันใช้เฟรมเวิร์ก bootstrap ของ twitter มาระยะหนึ่งแล้วพวกเขาก็อัพเดตเป็น version 3 เร็ว ๆ นี้! ฉันมีปัญหาในการติดท้ายท้ายกระดาษฉันใช้เทมเพลตเริ่มต้นที่จัดทำโดยเว็บไซต์ bootstrap twitter แต่ก็ยังไม่มีโชค
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.