«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.



17
Twitter Bootstrap düğmelerimin doğru hizalanmasını nasıl sağlayabilirim?
Burada basit bir demom var: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> Sırasız bir listem var ve her liste öğesi için önce sola ve sonra sağa hizalı bir düğmeye sahip olmak istiyorum. Sağa çekmeyi kullanmaya çalıştım, ancak bu tamamen hizalamayı bozuyor. Neyi yanlış yapıyorum?

10
Sola, ortaya veya sağa hizalanmış öğeler içeren Bootstrap NavBar
İçinde Bootstrap , sağ merkezde sol menü öğeleri Logo A var gezinti çubuğu, ve Logo B oluşturmak için en platformu dostu yolu nedir? Şimdiye kadar denediğim şey, Logo A'nın solda, soldaki logonun yanındaki menü öğeleri ve sağdaki Logo B'nin hizalanması için hizalandı. <div class="navbar navbar-fixed-top navbar-custom "> <div class="container" > …


30
Twitter bootstrap'ta beş eşit sütun
Oluşturduğum bir sayfada 5 eşit sütuna sahip olmak istiyorum ve burada 5 sütun ızgarasının nasıl kullanıldığını anlayamıyorum: http://web.archive.org/web/20120416024539/http://domain7 .com / mobil / araçları / önyükleme / tepkili Beş sütun ızgarası twitter önyükleme çerçevesinin üzerinde gösteriliyor mu?

21
Bootstrap 4 gezinme çubuğu öğelerini sağa hizala
Bir gezinme çubuğu öğesini sağa nasıl hizalayabilirim? Giriş yapmak ve sağa kaydolmak istiyorum. Ama denediğim her şey işe yaramıyor. Şimdiye kadar denedim budur: <div>etrafında <ul>atribute ile:style="float: right" <div>etrafında <ul>atribute ile:style="text-align: right" <li>Etiketlerdeki bu iki şeyi denedim !importantsonuna kadar eklenen tüm bu şeyleri tekrar denedim değişti nav-itemiçin nav-rightde<li> bir pull-sm-rightsınıf ekledi<li> …

15
Bootstrap 4'te Dikey Hizalama Merkezi
Kapsayıcımı Bootstrap 4 kullanarak sayfanın ortasına ortalamaya çalışıyorum. Şimdiye kadar başarısız oldum. Herhangi bir yardım mutluluk duyacağız. Ben de bunu yerleşik Codepen.io siz onunla oynamak ve bana fikirlerin dışarı üzereyim olarak işe yaradığını bilgi verebilmemiz için ... Kod snippet'ini göster var currentAuthor = ""; var currentQuote = ""; function randomQuote() …

9
Bootstrap 4 - Glifon göçü mü?
Glifikonları yoğun olarak kullanan bir projemiz var. Bootstrap v4, glifik yazı tipini tamamen bırakır. Bootstrap V4 ile gönderilen simgeler için bir eşdeğer var mı? http://v4-alpha.getbootstrap.com/migration/

10
Bootstrap v4'te eksik - ** ve gizli - ** eksik
Bootstrap v3'te, farklı ekran genişliklerinde birden çok sütun düzenini kontrol etmek için genellikle clearfix ile birleştirilmiş hidden - ** sınıflarını kullanırım. Örneğin, Çoklu sütunlarımın farklı ekran genişliklerinde doğru görünmesini sağlamak için birden fazla gizli - ** bir DIV'de birleştirebilirim. Örnek olarak, ürün fotoğrafı satırlarını görüntülemek istersem, daha büyük ekran boyutlarında …


23
Hata nasıl düzeltilir; 'Hata: Bootstrap araç ipuçları için Tether gerekiyor (http://github.hubspot.com/tether/)'
Bootstrap V4 kullanıyorum ve konsolda aşağıdaki hata günlüğe kaydedilir; Hata: Bootstrap araç ipuçları için Tether gerekir ( http://github.hubspot.com/tether/ ) Tether yükleyerek hatayı kaldırmayı denedim ama işe yaramadı. Aşağıdaki kod satırlarını ekleyerek Tether 'yükledim'; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> Bağlamayı doğru şekilde kurdum mu? Birisi bu hatayı kaldırmama yardımcı olabilir mi? …

11
Bootstrap 4 Orta Dikey ve Yatay Hizalama
Sadece formun bulunduğu bir sayfam var ve formun ekranın ortasına yerleştirilmesini istiyorum. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> </div> justify-content-centerHizalar formu yatay, ama …


4
Duyarlı web sitesi, mobil cihazda tam genişliğe kadar uzaklaştır
Bootstrap yanıt hızı navbar'ı test ediyorum ve bir demo web sitem var. Tarayıcıyı masaüstünde yeniden boyutlandırdığımda, daha fazla menü düğmesi görmek için tıklayabileceğim üstte küçük bir simgeyle katlanabilir menü haline gelen gezinme çubuğu da dahil olmak üzere her şey iyi çalışıyor. Ancak bir mobil tarayıcıdan denediğimde (Android'de krom ve internet …

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.