«bootstrap-4» etiketlenmiş sorular

Bootstrap 4 kullanarak bir web uygulaması oluşturuyorum ve bazı tuhaf sorunlarla karşılaşıyorum. Mobil cihazlarda tabloların yatay kaydırılmasına izin vermek için Bootstrap'in tabloya duyarlı sınıfından yararlanmak istiyorum. Masaüstü cihazlarda, tablo, içeren DIV genişliğinin% 100'ünü kaplamalıdır. .Table-responsive sınıfını masama uyguladığım anda, tablo yatay olarak küçülüyor ve artık genişliğin% 100'ünü kaplamıyor. Herhangi bir …

99 css  bootstrap-4 

Sorunu çözmek için yardıma ihtiyacım var, içeriği bootstrap4'teki sütunun içinde ortalamam gerekiyor, lütfen aşağıda kodumu bulun <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 

Bootstrap 4'te yerleşik bir yatay bölücü var mı? Bunu yapabilirim, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Ama yerleşik önyükleme css'i kullanmak istiyorum, belgelerin hiçbir yerinde bulamıyorum, belki de özlüyorum.

94 html  css  bootstrap-4  twitter-bootstrap-4 

Bootstrap ana rengini marka rengine uyacak şekilde değiştirmek mümkün müdür? Benim durumumda bootswatch'ın kağıt temasını kullanıyorum.

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> Bu düğmeyi …

92 css  twitter-bootstrap  bootstrap-4 

Şu anda şöyle bir şeye sahibim: <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> Şimdi varsayalım ki, contenthepsi aynı genişliğe sahip farklı yükseklikteki kutulardı - aynı "ızgara tabanlı düzeni" nasıl koruyabilirim ve yine de tüm kutuları mükemmel …

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

Basit bir tepki yayı önyükleme uygulaması geliştiriyorum, ancak GitHub sorunu nedeniyle IntelliJ kullanarak uygulama başlangıç ​​dosyalarımı yeniden oluşturuyorum ve önceki modülün package.json dosyasının bağımlılık verilerini kullanarak düğüm modüllerini yükledim. Çöken bir gezinme çubuğu (hamburger çubuğu -> mobil görünümde daralyan duyarlı gezinme çubukları) kullanır ve gezinme bağlantılarını görmek için hamburger düğmesini …

27 javascript  jquery  reactjs  bootstrap-4 

Olarak açısal 9 (Önyükleme 4 ve JQuery'nın 3.5.1 kullanarak). Bootstrap daralt düğmesine tıklandığında, tarayıcı konsolumda bir açılır menü yerine bir hata alıyorum . Hatanın tam olarak nereden geldiğini gerçekten bilmiyorum. 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 …

27 bootstrap-4  angular9 

Node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts dosyasında ERROR: hata TS1086: Bir erişimci ortam bağlamında bildirilemez. 191 set ngbPanelToggle (panel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez. 28 set odaklı (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - hata TS1086: Bir erişimci ortam bağlamında ilan edilemez. 14 devre dışı bırakma …

9 angular  bootstrap-4  ng-bootstrap 

Kenar çubuğum / gezinme içeriğimi (Bootstrap kullanarak) varsayılan olarak masaüstünde gösterilecek (genişletilecek) ve mobilde varsayılan olarak kapatılan ve yalnızca mobil cihazlarda gösterilen simgeyi almaya çalışırken gerçek bir sorun yaşıyorum. Bunun işe yaramasını sağlayamıyorum. <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 …

9 javascript  html  css  bootstrap-4  responsive-design