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

Bootstrap 4 เป็นเวอร์ชันหลักลำดับที่สี่ของไลบรารีส่วนประกอบส่วนหน้ายอดนิยม เฟรมเวิร์ก Bootstrap ช่วยในการสร้างเว็บไซต์และแอปบนเว็บที่ตอบสนองต่ออุปกรณ์เคลื่อนที่เป็นอันดับแรก

13
Bootstrap 4 ตารางตอบสนองจะไม่ใช้ความกว้าง 100%
ฉันกำลังสร้างเว็บแอปโดยใช้ Bootstrap 4 และพบปัญหาแปลก ๆ ฉันต้องการใช้คลาสที่ตอบสนองต่อตารางของ Bootstrap เพื่อให้สามารถเลื่อนตารางในแนวนอนบนอุปกรณ์มือถือได้ บนอุปกรณ์เดสก์ท็อปตารางควรใช้พื้นที่ 100% ของความกว้างของ DIV ทันทีที่ฉันใช้คลาส. table-responsive กับตารางของฉันตารางจะหดตัวในแนวนอนและไม่ใช้ความกว้าง 100% อีกต่อไป ความคิดใด ๆ ? นี่คือมาร์กอัปของฉัน: <!DOCTYPE html> <html lang="en" class="mdl-js"> <head> <title></title> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="application-name" content=""> <meta name="theme-color" content="#000000"> <link rel="stylesheet" href="/css/bundle.min.css"> </head> <body> <div …
99 css  bootstrap-4 
6
จัดกึ่งกลางเนื้อหาภายในคอลัมน์ใน Bootstrap 4
ฉันต้องการความช่วยเหลือในการแก้ไขปัญหาฉันต้องการจัดกึ่งกลางเนื้อหาภายในคอลัมน์ใน bootstrap4 โปรดค้นหารหัสของฉันด้านล่าง <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>
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 ในตัวฉันไม่สามารถหาได้จากที่ใดในเอกสารบางทีฉันอาจพลาดไป
8
Bootstrap 4 ฉันจะจัดตำแหน่งปุ่มตรงกลางได้อย่างไร
<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> คิดไม่ออกว่าจะวางปุ่มนี้ไว้ตรงกลางอย่างไร ใน …
3
แถว Bootstrap ที่มีคอลัมน์ที่มีความสูงต่างกัน
ขณะนี้ฉันมีสิ่งที่ต้องการ: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> ตอนนี้สมมติว่าcontentเป็นกล่องที่มีความสูงต่างกันโดยมีความกว้างเท่ากันทั้งหมด - ฉันจะรักษา "เค้าโครงตามตาราง" เดียวกันได้อย่างไรและยังมีกล่องทั้งหมดเรียงกันอยู่ใต้กันและกันแทนที่จะเป็นเส้นที่สมบูรณ์แบบ ปัจจุบัน TWBS จะวางบรรทัดถัดไปของcol-md-4องค์ประกอบที่ยาวที่สุดในแถวที่สามก่อนหน้าดังนั้นแต่ละแถวของรายการจึงถูกจัดวางอย่างสมบูรณ์แบบในขณะที่สิ่งนี้ยอดเยี่ยมฉันต้องการให้แต่ละรายการอยู่ภายใต้องค์ประกอบสุดท้ายโดยตรง (เลย์เอาต์ "ก่ออิฐ" )
7
ไม่สามารถแปลงวัตถุเป็นข้อผิดพลาดค่าดั้งเดิมในแอปพลิเคชันตอบโต้ได้หรือ
ฉันกำลังพัฒนาแอปพลิเคชั่นเริ่มระบบสปริงอย่างง่าย แต่เนื่องจากปัญหา GitHub ฉันสร้างไฟล์สตาร์ทแอปพลิเคชันใหม่โดยใช้ IntelliJ และติดตั้งโมดูลโหนดโดยใช้ข้อมูลการพึ่งพาไฟล์ของแอพพลิเคชั่นแพคเกจก่อนหน้า ถ้าฉันใช้แถบการนำทางที่ยุบ (แถบแฮมเบอร์เกอร์ -> navbars ตอบสนองซึ่งยุบในมุมมองอุปกรณ์เคลื่อนที่) และคลิกปุ่มแฮมเบอร์เกอร์เพื่อดูลิงก์ nav มันทำให้ฉันมีข้อผิดพลาดด้านล่าง แต่ทุกสิ่งเหล่านั้นเป็นไปด้วยดีในแอปพลิเคชันก่อนหน้า TypeError: Cannot convert object to primitive value HTMLDivElement.<anonymous> C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:346 343 | ...typeof config === 'object' && config ? config : {} 344 | } 345 | > 346 | if (!data && _config.toggle && …
2
Uncaught TypeError: ไม่สามารถแปลงวัตถุเป็นค่าดั้งเดิม (zone-evergreen.js: 171)
ในAngular 9 (ใช้ Bootstrap 4 และ Jquery 3.5.1) เมื่อคลิกที่ปุ่มยุบ bootstrap ฉันได้รับข้อผิดพลาดบนคอนโซลเบราว์เซอร์แทนเมนูแบบเลื่อนลง ฉันไม่รู้จริงๆว่าข้อผิดพลาดมาจากที่ใด Can't convert object to primitive value(zone-evergreen:171). Uncaught Type Error: Cannot convert object to primitive value(zone-evergreen.js:171 ) at RegExp.test (<anonymous>) at HTMLDivElement.<anonymous> (bootstrap.bundle.min.js:6) at Function.each (jquery.min.js:2) at S.fn.init.each (jquery.min.js:2) at S.fn.init.a._jQueryInterface [as collapse] (bootstrap.bundle.min.js:6) at HTMLDivElement.<anonymous> (bootstrap.bundle.min.js:6) at Function.each …
6
แถบด้านข้างเปิดตามค่าเริ่มต้นบนเดสก์ท็อปปิดบนมือถือ
ฉันมีปัญหาจริงบางประการในการพยายามทำให้แถบด้านข้าง / เนื้อหาการนำทางของฉัน (โดยใช้ Bootstrap) เพื่อแสดง (ขยาย) ตามค่าเริ่มต้นบนเดสก์ท็อปและปิดโดยค่าเริ่มต้นบนมือถือและมีไอคอนแสดงบนมือถือเท่านั้น ฉันไม่สามารถทำงานนี้ได้ <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-bars menu-close d-lg-none" id="menu-toggle"></i> </button> <div id="menu-logo"> <img src="Final_Logo.png" width="210" height="214" alt=""> </div> <div id="navbarToggleExternalContent"> <ul id="main-menu"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Writing</a> <a …
9
หลังจากฉันติดตั้ง Bootstrap และรวบรวมฉันได้รับข้อผิดพลาดนี้
ข้อผิดพลาดใน node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม 191 ชุด ngbPanelToggle (แผง: NgbPanel); ~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - ข้อผิดพลาด TS1086: accessor ไม่สามารถประกาศในบริบทแวดล้อม 28 ชุดโฟกัส (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม 14 คนพิการ (): บูลีน; ~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 15: 9 - ข้อผิดพลาด TS1086: ตัวเข้าถึงไม่สามารถประกาศในบริบทแวดล้อม 15 ชุดปิดการใช้งาน (isDisabled: boolean); …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.