«bootstrap-4» etiketlenmiş sorular

Bootstrap 4, popüler ön uç bileşen kitaplığının dördüncü büyük sürümüdür. Bootstrap çerçevesi, duyarlı, mobil öncelikli web sitelerinin ve web uygulamalarının oluşturulmasına yardımcı olur.

13
Bootstrap 4 duyarlı tablolar% 100 genişliğe sahip olmayacak
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 




8
Bootstrap 4, Bir düğmeyi nasıl ortaya hizalarım?
<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 …

3
Farklı yükseklikteki sütunlara sahip önyükleme satırı
Ş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 …

7
Reaksiyon uygulamasında nesne ilkel değer hatasına dönüştürülemiyor mu?
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 …

2
Yakalanmayan TypeError: Nesne ilkel değere dönüştürülemiyor (zone-evergreen.js: 171)
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 …

9
Sonra bootstrap yüklemek ve derleme i bu hatayı almak
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 …

6
Kenar Çubuğu Masaüstünde Varsayılan Olarak Açık, Mobilde Kapalı
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 …
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.