«twitter-bootstrap» etiketlenmiş sorular

Ben uzun süredir twitter bootstrap çerçevesini kullanıyorum ve son zamanlarda sürüm 3'e güncellendi! Ben alt yapışmasını yapışkan altbilgi alma konusunda sorun yaşıyorum, twitter bootstrap web sitesi tarafından sağlanan başlangıç ​​şablonu kullandım, ama yine de şans, herhangi bir fikir?

204 html  css  twitter-bootstrap  twitter-bootstrap-3 

Buraya gidersem http://getbootstrap.com/2.3.2/javascript.html#modals Ve 'Demo modal'ı başlat'ı tıklayın, beklenen şeyi yapar. Modal'ı kayıt işlemimin bir parçası olarak kullanıyorum ve sunucu tarafı doğrulaması söz konusu. Sorunlar varsa, doğrulama iletilerim görüntülenirken kullanıcıyı aynı modda yönlendirmek istiyorum. Şu anda, kullanıcıdan fiziksel bir tıklama dışında modalın nasıl görüntüleneceğini anlayamıyorum. Modeli programlı olarak nasıl başlatabilirim?

204 javascript  twitter-bootstrap 

Bootstrap 3 navbar'ın çöktüğü noktayı arttırmanın herhangi bir yolu var mı (yani, portre tabletlerde bir aşağıya düşmesi için)? Bu ikisi bootstrap 2 için geçerliydi ama şimdi değil! Twitter önyükleme duyarlılığı kullanarak navbar çökme eşiğini nasıl değiştirebilirim? Varsayılan duyarlı gezinme çubuğu kesme noktasını değiştirme

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

Ev yapımı sınıfları olmayan twitter bootstrap'ta böyle bir form tasarlamanın (lütfen aşağıdaki bağlantıya bakın) en iyi yolu nedir? Aşağıdaki örnek gibi bir form-yatay içine bir iç form-satır içi ayarlamak mümkün müdür:

200 html  forms  twitter-bootstrap 

Bunun gibi 2x2 biçiminde 4 küçük resim ile 1 büyük resim istiyorum: İlk düşüncem her şeyi bir sıraya yerleştirmekti. Ardından iki sütun oluşturun ve ikinci sütunda 1x1 ve 2x2 efekti oluşturmak için iki satır ve iki sütun oluşturun. Ancak, bu mümkün görünmüyor ya da ben doğru yapmıyorum?

196 css  html  twitter-bootstrap  grid  grid-system 

GWT'ye başvurmadan güzel bir sayfa tasarımı elde etmek için Bootstrap kullanmaya başladım (arka uç java'da yapılır) Giriş ekranım için bu örneği kopyaladım . Şimdi, örneğin, kullanıcı adının boş bırakıldığı bir hatayı işaretlemek istiyorum. Bunun için Bootstrap çerçevesinde prosedürün ne olduğunu merak ediyordum. Belki de formu hatalı gösteren örnekler varsa. Fikir, …

194 twitter-bootstrap 

Bootstrap 3 kullanarak bir sayfa tasarlıyorum placement: right. Girdi öğesinde bir popover kullanmaya çalışıyorum . Yeni Bootstrap, form-controltemelde tam genişlikte bir giriş elemanına sahip olmanızı sağlar . HTML kodu şuna benzer: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My popover content.My popover content.My …

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

Twitter bootstrap'ta, modals belgelerine bakın. Kipin yakın olayını dinlemenin ve bir işlevi yerine getirmenin bir yolu olup olmadığını anlayamadım. örneğin bu yöntemi örnek olarak alalım: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <a href="#" class="btn close_link" data-dismiss="modal">Close</a> </div> Üstteki X …

191 jquery  twitter-bootstrap  modal-dialog 

Bootstrap'lerin nasıl değiştirileceğini bilen var input:focusmı? Bir inputalanı tıkladığınızda görünen mavi parıltı mı?

191 html  css  twitter-bootstrap 

Twitter Bootstrap düğmelerinin güzel bir Loading...durumu var. Mesele şu ki, sadece öznitelikten şu şekilde Loading...geçti gibi bir mesaj gösteriyor data-loading-text: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Font Awesome'e baktığınızda, artık animasyonlu bir döndürücü simgesi olduğunu görüyorsunuz . UploadBöyle bir işlemi başlatırken bu çark simgesini …

191 button  twitter-bootstrap  icons  loading  font-awesome 

Bootstrap kullanırken biraz CSS sorunu ile sıkışmış. Ayrıca Angular UI.bootstrap (sorunun bir parçası olabilir) ile Angular JS kullanıyorum. Tabloda veri görüntüleyen bir web sitesi yapıyorum. Bazen, veriler tablolarda göstermem gereken nesne içeriyor. Bu yüzden kenarlıksız tablolar için ayırma çizgileri içinde tutarken normal bir tabloya kenarlıksız tablolar koymak istiyorum. Ama öyle …

191 html  css  twitter-bootstrap 

Bir projede Twitter Bootstrap kullanıyorum. Varsayılan bootstrap stillerinin yanı sıra, bazılarını da ekledim //My styles @media (max-width: 767px) { //CSS here } Ayrıca görünümün genişliği 767 piksel daha az olduğunda sayfadaki belirli öğelerin sırasını değiştirmek için jQuery kullanıyorum. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() < 767) { $("#body-container .main-content").remove().insertBefore($("#body-container .left-sidebar")); …

186 jquery  css  twitter-bootstrap  media-queries 

Hayatım boyunca bu twitter bootstrap düğmelerini birden fazla satıra sarmak için alamıyorum, öyle görünüyorlar. Resim gönderemiyorum, bu yüzden yapıyor ... [Bu metindir] metin Bunun gibi görünmesini isterim [Bu] [düğme metni] <div class="col-lg-3"> <!-- FIRST COL --> <div class="panel panel-default"> <div class="panel-body"> <h4>Posted on</h4> <p>22nd September 2013</p> <h4>Tags</h4> <a href="#" class="btn …

186 html  css  twitter-bootstrap  web 

Yer paylaşımının arkada değil, ilk modalın üzerinde gösterilmesine ihtiyacım var. Kod snippet'ini göster $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / modal goes …

185 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  modal-dialog 

Bootstrap modals ile ilgili birkaç soru gördüm, ama hiçbiri tam olarak böyle değil, bu yüzden devam edeceğim. Dediğim bir modal var. $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Bu iyi çalışıyor, ancak mod gösterildiğinde ilk giriş öğesine odaklanmak istiyorum ... Bu durumda ilk giriş öğesinin #photo_name kimliği vardır. Ben de denedim $(".modal-link").click(function(event){ $("#modal-content").modal('show'); $("input#photo_name").focus(); …

182 javascript  twitter-bootstrap  modal-dialog