Pertanyaan yang diberi tag «bootstrap-4»

Saya sedang membangun aplikasi web menggunakan Bootstrap 4 dan mengalami beberapa masalah aneh. Saya ingin menggunakan kelas responsif tabel Bootstrap untuk memungkinkan pengguliran horizontal tabel pada perangkat seluler. Pada perangkat desktop, tabel harus 100% dari lebar DIV penampung. Segera setelah saya menerapkan kelas .table-responsive ke tabel saya, tabel menyusut secara …

97 css  bootstrap-4 

Saya butuh bantuan untuk memperbaiki masalah, saya perlu memusatkan konten di dalam kolom di bootstrap4, silakan temukan kode saya di bawah ini <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

Apakah bootstrap 4 memiliki pembagi horizontal bawaan? Aku bisa melakukan ini, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Tetapi saya ingin menggunakan css bootstrap bawaan, saya tidak dapat menemukannya di mana pun di dokumen, mungkin saya melewatkannya.

94 html  css  bootstrap-4  twitter-bootstrap-4 

Apakah mungkin untuk mengubah warna primer bootstrap agar sesuai dengan warna merek? Saya menggunakan tema kertas bootswatch dalam kasus saya.

93 css  twitter-bootstrap  twitter-bootstrap-3  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> Tidak tahu …

92 css  twitter-bootstrap  bootstrap-4 

Saat ini saya memiliki sesuatu seperti: <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> Sekarang asumsikan bahwa, contentadalah kotak dengan tinggi yang berbeda, dengan semua lebar yang sama - bagaimana saya bisa menjaga "tata letak berbasis grid" …

91 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Saya sedang mengembangkan aplikasi boot semi-reaksi sederhana, tetapi karena masalah GitHub, saya membuat ulang file aplikasi pemula saya menggunakan IntelliJ dan menginstal modul node menggunakan data dependensi package.json file aplikasi sebelumnya. Jika saya menggunakan bilah navigasi yang menyusut (bilah hamburger -> navbar responsif yang runtuh pada tampilan seluler) dan klik …

27 javascript  jquery  reactjs  bootstrap-4 

Di Angular 9 (menggunakan Bootstrap 4 dan Jquery 3.5.1). ketika mengklik tombol bootstrap collapse , saya mendapatkan kesalahan pada konsol browser saya alih-alih menu dropdown . Saya benar-benar tidak tahu dari mana tepatnya kesalahan itu berasal. Can't convert object to primitive value(zone-evergreen:171). Uncaught Type Error: Cannot convert object to primitive …

27 bootstrap-4  angular9 

GALAT dalam node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient. 191 atur ngbPanelToggle (panel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - error TS1086: Accessor tidak dapat dideklarasikan dalam konteks ambient. 28 set fokus (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - error TS1086: Accessor tidak dapat dideklarasikan …

9 angular  bootstrap-4  ng-bootstrap 

Saya mengalami masalah nyata ketika mencoba untuk mendapatkan sidebar / konten navigasi saya (menggunakan Bootstrap) untuk ditampilkan (diperluas) secara default di desktop dan ditutup secara default di ponsel dan ikon hanya ditampilkan di ponsel. Sepertinya saya tidak bisa melakukan ini. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" …

9 javascript  html  css  bootstrap-4  responsive-design