«twitter-bootstrap» etiketlenmiş sorular

Bootstrap, Web uygulamalarının ve sitelerinin geliştirilmesini başlatmak için tasarlanmış bir ön uç çerçevedir. Bootstrap'ın bir sürümüyle ilgili sorular için "twitter-bootstrap-2", "twitter-bootstrap-3" ve "bootstrap-4" etiketlerinden belirli bir sürümün etiketini de kullanın.

12
Twitter bootstrap 2 düğmesine göndermek için simge ekle
Form girişi gönderme düğmelerimde twitter bootstrap simgelerini kullanmak istiyorum. Http://twitter.github.com/bootstrap/base-css.html#icons'taki örnekler ağırlıklı olarak stilli köprüleri gösterir. Geldiğim en yakın simge, düğmenin yanında görüntülenen simgeyi almak, ancak içeride değil. <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div>
30
Tıklamada düğmelerin etrafındaki odak nasıl kaldırılır
Düğmelerim tıklatıldıktan sonra etraflarında vurgu var. Bu Chrome'da. <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> Bootstrap'ı bir tema ile kullanıyorum, ama eminim ki bu değil: Bunu daha önce başka bir projede fark ettim. Bunun <a>yerine bir etiket kullanırsam gider <button>. Neden? Kullanmak istersem <button>nasıl ortadan kaldırırdım?
30
Yazı tipi Awesome çalışmıyor, kareler olarak gösterilen simgeler
Bu yüzden bir pazarlama sayfasını prototiplendirmeye çalışıyorum ve Bootstrap ve yeni Font Awesome dosyasını kullanıyorum. Sorun şu ki, bir simge kullanmaya çalıştığımda, sayfada görüntülenen her şey büyük bir kare. İşte dosyaları kafasına nasıl ekleyeceğim: <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css"> <!--[if …
11
İçeriği duyarlı önyükleme gezinme çubuğunda ortala
İçeriğimi bootstrap navbar'ında ortalamakta sorun yaşıyorum. Bootstrap 3 kullanıyorum. Birçok yazı okudum, ancak kullanılan CSS veya yöntemler kodumla çalışmayacak! Gerçekten sinirliyim, bu yüzden bu benim son seçeneğim gibi. Herhangi bir yardım mutluluk duyacağız! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link …
4
Twitter Bootstrap vs jQuery UI? [kapalı]
Şu anda olduğu gibi, bu soru Soru-Cevap formatımıza uygun değil. Yanıtların olgular, referanslar veya uzmanlık tarafından desteklenmesini bekliyoruz, ancak bu soru muhtemelen tartışma, tartışma, oylama veya genişletilmiş tartışma talep edecektir. Bu sorunun çözülebileceğini ve muhtemelen yeniden açılabileceğini düşünüyorsanız, yardım için yardım merkezini ziyaret edin . 7 yıl önce kapalı . …
30
Select2 değerini sıfırla ve yer tutucuyu göster
Select2 ile değer sıfırlamada yer tutucuyu nasıl ayarlarım? Örneğimde, konumlar veya sınıf seçme kutuları tıklanırsa ve select2 öğemin select2 değerinden daha büyük bir değeri sıfırlanırsa ve varsayılan yer tutucuyu göstermelidir. Bu komut dosyası değeri sıfırlıyor ancak yer tutucuyu göstermiyor $("#locations, #grade ").change(function() { $('#e6').select2('data', { placeholder: "Studiengang wählen", id: null, …
7
Büyük Glifonlar
Twitter bootstrap 3.0'da (2.3.x değil) daha büyük Glificons nasıl yaparım. Bu kod glifonlarımı büyük hale getirecek: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> Nasıl bu boyutu alabilirsiniz olmadan kullanırken btn-lg sınıfını kullanarak sadece bir yayılma? Bu küçük bir glifik verir: <span class="glyphicon glyphicon-link"></span>
15
Bir görüntü ölü merkezini bootstrap ile hizalama
Bootstrap çerçevesini kullanıyorum ve başarı olmadan yatay olarak ortalanmış bir görüntü elde etmeye çalışıyorum. 12 ızgara sistemini 3 eşit blokta bölmek gibi çeşitli teknikleri denedim. <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"><img src="logo.png" /></div> <div class="span4"></div> </div> </div> Görüntüyü sayfaya göre ortalamak için en kolay yöntem nedir?
6
tuşuna bastıktan sonra onChange olayını çağırmak için
Ben Bootstrap için yeniyim ve bu sorun ile sıkışmış. Bir giriş alanım var ve sadece bir rakam girer girmez, işlev onChangeçağrılıyor, ancak tam sayı girildiğinde 'Enter' tuşuna bastığımda çağrılmasını istiyorum. Doğrulama işlevi için aynı sorun - çok erken çağırıyor. var inputProcent = React.CreateElement(bootstrap.Input, {type: "text", //bsStyle: this.validationInputFactor(), placeholder: this.initialFactor, className: …
18
LESS kullanmadan bootstrap navbar çöküş kesme noktasını değiştirme
Şu anda tarayıcı genişliği 768 pikselin altına düştüğünde, gezinme çubuğu daraltılmış moda dönüşür. Bu genişliği 1000 piksel olarak değiştirmek istiyorum, böylece tarayıcı 1000 pikselin altında olduğunda navbar daraltılmış moda dönüşür. Bunu LESS kullanmadan yapmak istiyorum, LESS değil stylus kullanıyorum. Benim sorunum bu sorudakiyle aynı: Bootstrap 3 Navbar Collapse Ancak bu …
7
Yazı tipi harika, giriş türü 'gönder'
Harika yazı tipinde "gönder" girdi türü için bir sınıf yok gibi görünüyor. Düğme girişi için font-awesome öğesinden bir sınıf kullanmak mümkün mü? Uygulamalarımdaki tüm düğmelere simgeler ekledim (bu aslında twitter-bootstrap sınıfından 'btn' ile bağlantılıdır), ancak 'girdi türü gönderme' üzerine simgeler ekleyemiyorum. Veya bu kod nasıl kullanılır: input#image-button{ background: #ccc url('icon.png') …
27
Bootstrap Modal hemen kayboluyor
Bootstrap kullanan bir web sitesinde çalışıyorum. Temel olarak, ana sayfada, Kahraman Birimi'ndeki düğmeyle çağrılan bir yöntem kullanmak istedim. Düğme kodu: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Kalıcı kod: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">In Costruzione</h3> </div> …
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.