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

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

30
เปลี่ยนสีคำแนะนำเครื่องมือ Bootstrap
สิ่งที่ฉันพยายามทำคือเปลี่ยนสีคำแนะนำเครื่องมือเป็นสีแดง อย่างไรก็ตามฉันต้องการมีสีอื่น ๆ อีกหลายสีดังนั้นฉันไม่เพียงต้องการแทนที่สีของคำแนะนำเครื่องมือดั้งเดิม ฉันจะทำสิ่งนี้ได้อย่างไร
12
Bootstrap 4 เปลี่ยนสี Toggler ของแฮมเบอร์เกอร์
ฉันมีเว็บไซต์ bootstrap ที่เพิ่มตัวสลับแฮมเบอร์เกอร์เมื่อขนาดหน้าจอน้อยกว่า 992px รหัสเป็นดังนี้: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> มีความเป็นไปได้ที่จะเปลี่ยนสีของปุ่มสลับแฮมเบอร์เกอร์หรือไม่?
10
ฉันจะจัดตำแหน่งองค์ประกอบกริดด้านล่างในเค้าโครงของไหล bootstrap ได้อย่างไร
ฉันมีเลย์เอาต์ที่ลื่นไหลโดยใช้ bootstrap ของ Twitter ซึ่งฉันมีแถวที่มีสองคอลัมน์ คอลัมน์แรกมีเนื้อหาจำนวนมากซึ่งฉันต้องการเติมเต็มช่วงปกติ คอลัมน์ที่สองมีปุ่มและข้อความบางส่วนซึ่งฉันต้องการจัดแนวด้านล่างให้สัมพันธ์กับเซลล์ในคอลัมน์แรก นี่คือสิ่งที่ฉันมี: -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | |short content | | content | +----------------+ | that | | is tall | | | +----------------+ ----------------------------------------------- นี่คือสิ่งที่ฉันต้องการ: -row-fluid------------------------------------- +-span6----------+ | | | content | | that | | is tall | +-span6----------+ | | |short …
6
จัดแนวตั้งในตาราง bootstrap
ฉันกำลังพยายามแสดงตารางที่มี 4 คอลัมน์ซึ่งหนึ่งในนั้นเป็นรูปภาพ ด้านล่างนี้คือภาพรวม: - ฉันต้องการจัดแนวข้อความให้อยู่ในตำแหน่งกึ่งกลางในแนวตั้ง แต่ดูเหมือนว่า css จะใช้งานไม่ได้ ฉันใช้ตารางตอบสนอง bootstrap แล้ว ฉันต้องการทราบว่าเหตุใดรหัสของฉันจึงไม่ทำงานและอะไรคือวิธีการที่ถูกต้องในการทำให้มันใช้งานได้ ต่อไปนี้เป็นรหัสสำหรับตาราง CSS img { height: 150px; width: 200px; } th, td { text-align: center; vertical-align: middle; } HTML <table id="news" class="table table-striped table-responsive"> <thead> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> <th>Photo</th> </tr> </thead> <tbody> <?php $i=0; foreach ($result as …
8
Bootstrap Datepicker - เดือนและปีเท่านั้น
ฉันใช้ bootstrap datepicker และรหัสของฉันก็เหมือนต่อไปนี้การสาธิตรหัสบนjsfiddle <div class="input-append date" id="datepicker" data-date="02-2012" data-date-format="mm-yyyy"> <input type="text" readonly="readonly" name="date" > <span class="add-on"><i class="icon-th"></i></span> </div> $("#datepicker").datepicker({ viewMode: 'years', format: 'mm-yyyy' }); รหัสด้านบนใช้งานได้ดี แต่สิ่งที่ฉันพยายามทำคืออนุญาตให้ผู้ใช้เลือกเดือนและปีเท่านั้น คุณช่วยบอกฉันได้ไหมว่าต้องทำอย่างไร
24
เมนูที่ยุบ Bootstrap 3 ไม่ปิดเมื่อคลิก
ฉันมีการนำทางมาตรฐานมากหรือน้อยจาก bootstrap 3 <body data-spy="scroll" data-target=".navbar-collapse"> <!-- ---------- Navigation ---------- --> <div class="navbar navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> </button> <a class="navbar-brand" href="index.html"> <img src="#"></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> …
18
Bootstrap 3: เก็บแท็บที่เลือกไว้ในการรีเฟรชหน้า
ฉันพยายามที่จะให้แท็บเลือกใช้งานในการฟื้นฟูที่มีเงินทุน 3 พยายามและตรวจสอบโดยมีการถามคำถามที่นี่แล้ว แต่ไม่มีงานใดให้ฉัน ไม่รู้ว่าฉันผิดตรงไหน นี่คือรหัสของฉัน HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" data-toggle="tab">Personal Information</a></li> <li><a href="#Employment-info" data-toggle="tab">Employment Information</a></li> <li><a href="#career-path" data-toggle="tab">Career Path</a></li> <li><a href="#warnings" data-toggle="tab">Warning</a></li> </ul> <!-- end: tabs link --> <div class="tab-content"> <div class="tab-pane active" id="personal-info"> tab data here... </div> <div class="tab-pane" id="Employment-info"> …
10
ฉันจะระบุเวอร์ชัน Bootstrap ได้อย่างไร
ฉันต้องการอัปเดต Bootstrap บนไซต์ แต่ไม่ทราบเวอร์ชันที่ติดตั้ง ฉันจะระบุเวอร์ชัน bootstrap ที่มีเฉพาะไฟล์ bootstrap.css และ bootstrap.min.js ได้อย่างไร ไม่มีเวอร์ชันในไฟล์ CSS และไฟล์ min.js มีความคิดเห็นต่อไปนี้ /*! * Bootstrap.js by @fat & @mdo * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */
7
Bootstrap Carousel: ลบสไลด์อัตโนมัติ
ฉันใช้ Bootstrap Carousel สิ่งที่ฉันต้องการก็คือแถบเลื่อนจะเลื่อนเมื่อมีการคลิกการนำทางหรือการแบ่งหน้าเท่านั้น ฉันได้ลองลบแล้ว $('.carousel').carousel({ interval: 6000 }); ใช้งานได้ดี แต่ปัญหาของฉันคือเมื่อฉันคลิกการนำทางหรือการแบ่งหน้าแล้วตอนนี้ก็เลื่อนอัตโนมัติ สามารถถอดฟังก์ชั่นเลื่อนอัตโนมัติได้หรือไม่? ถ้าเป็นอย่างไร
4
มีคลาสสีข้อความใน Bootstrap
ฉันกำลังพัฒนาหน้าลงชื่อสมัครใช้โดยใส่ข้อความเป็นชื่อที่แถบนำทาง ฉันต้องการให้ข้อความเหล่านั้นมีสีที่แตกต่างกัน เพื่อจุดประสงค์นี้ฉันใช้ไฟล์ CSS แยกต่างหาก แต่ฉันต้องการทำสิ่งนี้โดยใช้ไฟล์ CSS ของ bootstrap ใครสามารถแสดงรายการคลาสสีที่มีอยู่ใน bootstrap ได้บ้าง?
10
การสนับสนุนจากขวาไปซ้ายสำหรับ Twitter Bootstrap 3
มีคำถามเกี่ยวกับเรื่องนี้มาก่อน: Twitter Bootstrap CSS ที่รองรับภาษา RTL แต่คำตอบทั้งหมดนั้นดีสำหรับ Bootstrap 2.x ฉันกำลังทำโปรเจ็กต์ที่เป็นภาษาอาหรับ (rtl) และฉันต้องการ Bootstrap 3.x จากขวาไปซ้าย มีใครรู้วิธีแก้ไขไหม
3
Bootstrap 3 สไลด์ในเมนู / Navbar บนมือถือ [ปิด]
ปิด. คำถามนี้ต้องการรายละเอียดการแก้จุดบกพร่อง ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการเมื่อปีที่แล้ว ปรับปรุงคำถามนี้ ฉันกำลังสร้างแอพมือถือที่ใช้เบราว์เซอร์และฉันตัดสินใจใช้ Bootstrap 3 เป็นเฟรมเวิร์ก css สำหรับการออกแบบ Bootstrap 3 มาพร้อมกับคุณสมบัติ "ตอบสนอง" ที่ยอดเยี่ยมในแถบนำทางซึ่งจะยุบลงโดยอัตโนมัติหากตรวจพบ "จุดพัก" ที่เฉพาะเจาะจงเกี่ยวกับความละเอียดของเบราว์เซอร์ ใช้งานได้ในหลายสถานการณ์ แต่คุณสังเกตเห็นไหมว่าแอปบนอุปกรณ์เคลื่อนที่ที่ใช้เบราว์เซอร์จำนวนมากมีการนำทางหลักซ่อนอยู่ทางด้านซ้ายของหน้าจอและเมื่อกดไอคอนสลับ (สลับ) ที่มุมบนขวาการนำทางหลักจะเลื่อนออกไปที่ ทางขวาประมาณ 2/3 ของทางเข้าสู่หน้าจอ? นี่เป็นโซลูชันที่ได้รับความนิยมมากขึ้นสำหรับการนำทางผ่านแอพที่ใช้เบราว์เซอร์บนอุปกรณ์มือถือและฉันคิดว่าในทางทฤษฎีแล้วมันควรจะค่อนข้างง่ายในการปรับเปลี่ยน bootstrap css / js เพื่อรองรับคุณสมบัติการยุบการนำทางเวอร์ชันนี้ คุณสมบัติเหล่านี้สามารถใช้งานได้อย่างไร? ดูเหมือนว่าไม่ควรดัดแปลงมากเกินไป ฉันอยากได้ยินความคิด / แนวทางแก้ไขของคุณในเรื่องนี้ นอกจากนี้ฉันคิดว่ามันจะเป็นวิธีแก้ปัญหาระยะยาวที่ยอดเยี่ยมสำหรับ Bootstrap ที่จะใช้เป็นคุณสมบัติในตัว น่าเสียดายที่ฉันไม่ได้พยายามสร้างฟีเจอร์นี้เพราะในขณะที่ฉันคุ้นเคยกับเทคโนโลยีเหล่านี้ แต่ฉันส่วนใหญ่เป็นนักพัฒนา PHP / MySQL และฉันเชื่อว่าคุณสมบัติที่มีประโยชน์เท่าที่ควรจะสร้างโดยผู้เชี่ยวชาญที่มีข้อมูลเชิงลึกที่ฉันไม่มี ในฐานะผู้พัฒนาส่วนหน้า
10
การป้องกันไม่ให้ twitter bootstrap carousel เลื่อนอัตโนมัติเมื่อโหลดหน้าเว็บ
ดังนั้นจะมีการป้องกันไม่ให้ twitter bootstrap carousel เลื่อนอัตโนมัติในการโหลดหน้าเว้นแต่จะคลิกปุ่มถัดไปหรือก่อนหน้า ขอบคุณ
12
จะลบลูกศรในดรอปดาวน์ใน Bootstrap 4 ได้อย่างไร?
ฉันใช้ Bootstrap 4 ฉันพยายามลบลูกศรในเมนูแบบเลื่อนลง ตอบผมพบว่าสำหรับเงินทุน 3 ไม่ทำงานใด ๆ เพิ่มเติม jsfiddle เป็นที่นี่ <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> </div> </div>
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.