«bootstrap-4» etiketlenmiş sorular

Bootstrap 4 alpha 2 kullanıyorum ve kartlardan yararlanıyorum. Özellikle resmi belgelerden alınan bu örnek üzerinde çalışıyorum . Tüm kartların aynı yükseklikte olmasını nasıl sağlayabilirim? Şimdiye kadar düşünebildiğim tek şey aşağıdaki CSS kuralını belirlemektir: .card { min-height: 200px; } Ancak bu genel bir durumda işe yaramayacak sabit kodlanmış bir çözümdür. Benim …

135 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

Bootstrap-3'te .wellgri arkaplan rengine ve biraz dolgulu bir elemanın etrafına yuvarlatılmış bir sınır ekleyen sınıf vardır. <div class="well">Basic Well</div> Ancak .wellbootstrap-4'te herhangi bir sınıf bulamadım . .wellBootstrap-4'e eşdeğer herhangi bir etiket var mı ?

130 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-4 

Bootstrap 3'te yeni .... Düzenimde: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> "Öğeler 2" nin, renklendirme ekranlarından daha küçük boyutlara hizalanmamasını istiyorum. Sınıfı sadece col-lg-6 için çok etkili bir şekilde çekmek ... Bunu nasıl başarabilirim? İşte bir keman: http://jsfiddle.net/thibs/Y6WPz/ Teşekkür ederim

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Ekran boyutu 992 pikselden az olduğunda hamburger toggler'ın eklendiği bir bootstrap web sitem var. Kod şöyle: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Hamburger toggler düğmesinin rengini değiştirme imkanı var mı?

126 css  twitter-bootstrap  bootstrap-4 

Gezinme çubuğuna başlık olarak bir metin ekleyerek bir kayıt sayfası geliştiriyorum. Bu metinlere farklı renkler vermek istiyorum. Bu amaçla ayrı bir CSS dosyası kullanıyorum, ancak bunu bootstrap'ın CSS dosyasını kullanarak yapmak istiyorum. Mevcut renk sınıflarını bootstrap'ta listeleyen var mı?

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Kapalı. Bu soru Yığın Taşması yönergelerini karşılamıyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Yığın Taşması için konuya uygun olması için soruyu güncelleyin . 2 yıl önce kapalı . Bu soruyu geliştirin Alpha'da olduğunu gören yeni web sitem için Bootstrap V4 kullanıyorum. Ancak yapısında datepicker.js bulunduğunu …

114 twitter-bootstrap  bootstrap-4 

Açılan öğelerin sayfadan çıkmamasını sağlayamıyorum. BS3'ten birkaç şey denedim ama işe yaramıyor gibi görünüyor. Bunun yüzünden mi emin değilim ml-auto. (if-else ifadelerini dikkate almayın) İşte CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" data-target="#searchNav" aria-controls="searchav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> …

114 twitter-bootstrap  css  bootstrap-4 

Bu daraltılabilir gezinme çubuğunu güzel çalışan Bootstrap 4 kullanarak oluşturdum, ancak kullanıcı bir bağlantıya tıkladığında kapanmasını istiyorum. Bunu yapmanın bir yolu var mı? Teşekkürler 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" …

114 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

NuGet ile ASP.NET Core'da Bootstrap'i güncellemek istiyorum. Bunu kullandım: Install-Package bootstrap -Version 4.0.0 Bağımlılıkları ekledi ama şimdi projeme nasıl ekleyebilirim? Yerel NuGet bağımlılıklarının yolu nedir?

112 .net  asp.net-core  nuget  bootstrap-4  asp.net-core-2.0 

Bootstrap 3 carousel ile elde etmeye çalıştığım efekt bu Her seferinde yalnızca bir kare göstermek yerine, N kareyi yan yana kaydırarak görüntüler. Sonra kaydırdığınızda (veya otomatik olarak kaydığında), slayt grubunu olduğu gibi kaydırır. Bu , bootstrap 3'ün atlıkarınca ile yapılabilir mi? Başka bir jQuery eklentisi aramaya gitmem gerektiğini umuyorum ...

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

En yeni sürümde, sola çekme ve sağa çekme, .pull- {xs, sm, md, lg, xl} - {left, right, none} ile değiştirildi Bu, basit bir class="pull-right"şeyler yazmak yerine şimdi yazmak zorunda kalacağım anlamına gelir.class="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Bunu yapmanın daha az sıkıcı bir yolu var mı?

105 bootstrap-4 

In Bootstrap 3ben geçerli olabilir, col-sm-xxhiç thde etiketleri theadve istediği anda tablo sütunları yeniden boyutlandırma. Ancak bu bootstrap 4'te çalışmaz. Bootstrap 4'te böyle bir şeyi nasıl başarabilirim? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Sağlanan kod tabakasına bakıldığında, özellikle tabloya bazı veriler eklerseniz, …

104 css  twitter-bootstrap  html-table  bootstrap-4 

Bu sayfayı http://www.elmastudio.de/ ziyaret ettim ve Bootstrap 3 ile sol kenar çubuğu çöküşünü oluşturmanın mümkün olup olmadığını merak ettim. Kenar çubuğunu üstten daraltma kodu (yalnızca telefon): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Kenar çubuğunun kendisi gizli xs sınıfına sahiptir. Aşağıdaki js ile kaldırılır $('.sidebar-toggle').click(function(){ …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

İçeriğimin akıcı olmasını isterdim, ancak .container-fluidBootstrap'in ızgarasıyla kullanırken hala dolgu görüyorum. Dolgudan nasıl kurtulabilirim? Dolguyu anlamadığımı görüyorum .row, ancak sütunlar eklemek istiyorum ve bunu yapar yapmaz dolgu geri geliyor. Sütunları tam genişlikte kullanabilmek istiyorum. Bir örnek: <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <p>Use this document as a way to quickly …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Bootstrap 4'ü yüklemeyi denedim ve aşağıdaki bağlantıları dahil ettim <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Ancak aşağıdaki hata oluşur: Yakalanmamış sözdizimi Hatası: Beklenmeyen belirteç dışa aktarma Bunun nasıl tamir edileceğine dair fikri olan?

99 javascript  twitter-bootstrap  bootstrap-4  popper.js