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

6
`col-xs- *` ไม่ทำงานใน Bootstrap 4
ฉันไม่เคยพบสิ่งนี้มาก่อนและฉันมีเวลาที่ยากมากในการพยายามหาวิธีแก้ปัญหา เมื่อมีคอลัมน์เท่ากับสื่อใน bootstrap เช่น: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> การจัดแนวข้อความทำงานได้ดี: แต่เมื่อสร้างคอลัมน์เท่ากับขนาดเล็กพิเศษเช่น: <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> จากนั้นการจัดแนวข้อความจะไม่ทำงานอีกต่อไป: มีแนวคิด bootstrap บางอย่างที่ฉันไม่เข้าใจหรือเป็นจริงข้อผิดพลาดเช่นฉันคิดว่ามันเป็น ฉันไม่เคยมีปัญหานี้เนื่องจากข้อความของฉันสอดคล้องกับอดีตกับ xs เสมอ ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมอย่างมาก. นี่คือรหัสที่สมบูรณ์ของฉัน: <!DOCTYPE html> <html lang="en"> <head> <!-- …
8
คลาสเทียบเท่า ".well" ใน Bootstrap 4 คืออะไร
ใน bootstrap-3 มี.wellคลาสที่เพิ่มเส้นขอบโค้งมนรอบ ๆ องค์ประกอบที่มีสีพื้นหลังสีเทาและช่องว่างภายในบางส่วน <div class="well">Basic Well</div> แต่ฉันไม่พบ.wellคลาสใด ๆใน bootstrap-4 มีแท็กใดเทียบเท่ากับ.wellใน bootstrap-4 หรือไม่?
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>
9
วิธีซ่อนแถบนำทาง Bootstrap 4 ที่ยุบได้เมื่อคลิก
ฉันได้สร้างแถบนำทางที่ยุบได้นี้โดยใช้ Bootstrap 4 ซึ่งใช้งานได้ดี แต่ฉันต้องการปิดเมื่อผู้ใช้คลิกที่ลิงค์ วิธีใดในการทำเช่นนี้ ขอบคุณ html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img src="Images/logo.png" width="60px"></a> <div class="collapse navbar-collapse" id="navbarDiv"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#home">Home <span …
4
bootstrap 4 ยูทิลิตี้ตอบสนองที่มองเห็น / ซ่อน xs sm lg ไม่ทำงาน
มีปัญหาเกี่ยวกับระบบสาธารณูปโภคที่ตอบสนองต่อใหม่ซ่อน / เรียนมองเห็นได้เมื่อการโยกย้ายไปยังBootstrap 4 ฉันทราบว่า. hidden- คลาสถูกลบออกจาก v3 แล้วและแทนที่ด้วย.hidden-*-up .hidden-*-down. ใช้.hidden-*-up.hidden-*-downคลาสใหม่แต่องค์ประกอบไม่เปลี่ยนเป็นมองเห็น / ซ่อน คิดไม่ออกว่าทำไม <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div class="col hidden-lg-down"> <div class="hidden-sm-down"> … </div> <div class="hidden-xs-down"> … </div> </div> * ไม่มีสิ่งใดซ่อนอยู่ในตัวอย่างนี้โดยไม่คำนึงถึงขนาดหน้าจอ (Safari, โหมดออกแบบตอบสนอง)
10
Bootstrap 4 มีตัวแบ่งแนวนอนในตัวหรือไม่?
Bootstrap 4 มีตัวแบ่งแนวนอนในตัวหรือไม่? ฉันทำได้ <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> แต่ฉันต้องการใช้ bootstrap css ในตัวฉันไม่สามารถหาได้จากที่ใดในเอกสารบางทีฉันอาจพลาดไป
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.