«twitter-bootstrap» etiketlenmiş sorular

Şu anda böyle başlatılan Twitter Bootstrap ile popovers kullanıyorum: $('.popup-marker').popover({ html: true, trigger: 'manual' }).click(function(e) { $(this).popover('toggle'); e.preventDefault(); }); Gördüğünüz gibi, manuel olarak tetiklenirler ve .popup-marker'i (arka plan resimli bir div olan) tıklamak bir popover'ı değiştirir. Bu harika çalışıyor, ancak popover'ı sayfada başka bir yere tıklatarak da kapatmak istiyorum (ancak …

155 javascript  jquery  twitter-bootstrap 

Ben kalıcı formun boyutunu değiştirmek için çalışıyorum ya da daha doğrusu - orada render içeriği cevap var. Bir form oluşturmak için kullanıyorum ve gerekirse kendimi kaydırma ile başa çıkmak istiyorum. Oluşturduğum formun muhtemelen başka bir 50 piksele ihtiyacı var - sadece düğmeleri eksik. Bu yüzden application.css.scss dosyamdaki (Rails 3.2'yi kullanarak) …

154 twitter-bootstrap 

Formumu jQuery Validation Plugin ile doğrulama eklemek çalışıyorum, ancak giriş gruplarını kullanırken eklenti hata iletileri koyar bir sorun yaşıyorum. $('form').validate({ rules: { firstname: { minlength: 3, maxlength: 15, required: true }, lastname: { minlength: 3, maxlength: 15, required: true } }, highlight: function(element) { $(element).closest('.form-group').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.form-group').removeClass('has-error'); …

154 twitter-bootstrap  jquery-validate  twitter-bootstrap-3 

Tekrar güncelle: İnsanların soruyu gerçekten anlamadan cevap eklemelerini engellemek için en iyi cevabı seçerek bu soruyu kapatıyorum. Gerçekte, ızgara kullanmadan veya ekstra css eklemeden yapı işlevselliğiyle bunu yapmanın bir yolu yoktur. help-blockÖrneğin, kısa bir girdinin ötesine geçmesi gereken öğelerle uğraşıyorsanız, ızgaralar iyi çalışmaz, ancak bunlar 'yerleşiktir'. Bu bir sorunsa, burada …

154 css  twitter-bootstrap  twitter-bootstrap-3 

"Veri değiştirme" ile bir önyükleme denetimine birden fazla olay atamanın bir yolu var mı? Örneğin, "araç ipucu" ve "düğme" geçişine atanmış bir düğme istediğimi varsayalım. Denenmiş data-toggle = "ipucu düğmesi", ancak yalnızca ipucu çalıştı. DÜZENLE: Bu ile kolayca "geçici olarak çözülebilir" $("#newbtn").toggleClass("active").toggleClass("btn-warning").toggleClass("btn-success");

154 button  twitter-bootstrap  binding 

İhtiyacım, İstek Listesine Ekle düğmesine tıkladığımda uyarıyı çağırmak ve uyarıyı 2 saniye içinde ortadan kaldırmak gerekiyor. Ben böyle denedim, ama uyarı ortaya çıkar çıkmaz anında kayboluyor. Emin değilim, böcek nerede .. Herkes bana yardım edebilir mi? JS Komut Dosyası $(document).ready (function(){ $("#success-alert").hide(); $("#myWish").click(function showAlert() { $("#success-alert").alert(); window.setTimeout(function () { $("#success-alert").alert('close'); …

153 javascript  html  twitter-bootstrap  alert 

Burada twitter bootstrap popover kullanıyorum . Şu anda, popover metninin üzerine geldiğimde, <a>' data-contentözniteliğinden yalnızca metin içeren bir popover beliriyor . <div>Popover içine koymak için yine de olup olmadığını merak ediyordum . Potansiyel olarak, orada php ve mysql kullanmak istiyorum, ama eğer çalışmak için bir div alabilir eğer ben geri …

151 twitter-bootstrap  popover 

Bu plunkr (select2 + angulat-ui) çalışmasında sorun yaşıyorum. http://plnkr.co/edit/NkdWUO?p=preview Yerel kurulumda, select2 çalışmasını alıyorum, ancak genişliği belgelerde açıklandığı gibi ayarlayamıyorum . Kullanılamayacak kadar dar. Teşekkür ederim. EDIT: plnkr aldırmayın, burada çalışan bir keman buldum http://jsfiddle.net/pEFy6/ İlk öğenin genişliğine daralmak için select2'nin davranışı gibi görünüyor. Genişliği bootstrap aracılığıyla ayarlayabilirim.Angular class="input-medium"-ui'nin yapılandırma …

151 css  twitter-bootstrap  angularjs  jquery-select2 

Twitter bootstrap açılır menüsünü uygulamak istiyorum, işte benim kodum: <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> Açılır menü iyi çalışıyor, açılır pencerem ekranın sağ kenarına yerleştirildi ve açılır menüyü açtığımda liste ekranın dışına …

151 html  css  twitter-bootstrap 

Web sitemde bir masa olmasını istiyorum. Sorun şu ki, bu tablonun yaklaşık 400 satırı olacaktır. Tablonun yüksekliğini nasıl sınırlayabilir ve ona kaydırma çubuğu uygulayabilirim? Bu benim kodum: <div class="span3"> <h2>Achievements left</h2> <table class="table table-striped"> <thead> <tr> <th>#</th> <th>Name</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Something</td> </tr> <tr> <td>2</td> <td>Something</td> </tr> <tr> …

149 twitter-bootstrap 

Bu işaretlemeyi varsayalım: <table class="table table-bordered" align="center"> Kaç tane hücrem olduğuna gerek yok, tablo her zaman% 100 genişliktedir. Nedenmiş?

148 twitter-bootstrap 

Twitter Bootstrap kullanıyorum ve bir Google haritam var. Harita üzerindeki işaretçi gibi görüntüler Bootstrap'teki CSS tarafından eğiliyor. Bootstrap CSS'de şunlar bulunur: img { border: 0 none; height: auto; max-width: 100%; } max-widthÖzelliği Firebug kullanarak devre dışı bıraktığımda , işaretçi görüntüsü normal görünüyor. Bootstrap CSS'nin Google harita resimlerini etkilemesini nasıl engelleyebilirim?

147 google-maps  twitter-bootstrap  css 

Kapalı. Bu soru konu dışı . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Soruyu Yığın Taşması için konuyla ilgili olacak şekilde güncelleyin . 7 yıl önce kapalı . Bu soruyu geliştir Twitter Bootstrap'ın barındırılan bir sürümü var mı ? Google'da jQuery'nin barındırılan sürümüne benzer bir şey mi …

144 twitter-bootstrap  cdn 

bootstrapBir div'i sağa kaydırmanın doğru yolu nedir ? pull-rightTavsiye yolu olduğunu düşündüm , ama çalışmıyor. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet

142 html  css  twitter-bootstrap 

Sonunda aşağıdaki kod ile çalışmak için bazı araç ipuçları elde edebildim : <a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a> ve sonra <script> $('[rel=tooltip]').tooltip(); </script> İçinde çalışıyorum sorun Bootstraps yerine jQueryUI araç ipuçları (ok yok, büyük çirkin araç ipuçları) kullanıyor olmasıdır. JQueryUI yerine Bootstrap Araç İpuçlarını kullanmak için ne …

141 jquery-ui  twitter-bootstrap