«twitter-bootstrap» etiketlenmiş sorular

Bu can sıkıcı hale geliyor - bir Bootstrap açılır listesindeki bir öğeye tıkladığımda, açılır menü kapanmıyor. Açılır öğeyi tıkladığınızda bir Facebox ışık kutusunu açacak şekilde ayarladım, ancak bununla ilgili bir sorun var. Ne denedim Öğe tıklandığında şunu yapmayı denedim: $('.dropdown.open').removeClass('open'); $('.dropdown-menu').hide(); Bu onu gizler, ama sonra nedense bir daha açılmayacaktır. …

93 jquery  twitter-bootstrap 

Bootstrap ana rengini marka rengine uyacak şekilde değiştirmek mümkün müdür? Benim durumumda bootswatch'ın kağıt temasını kullanıyorum.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Açılır menüde twitter önyükleme alt menüsü oluşturmaya çalışıyordum ama bir sorunla karşılaştım: Sayfanın sağ üst köşesinde açılır menüm var ve bu menünün bir alt menüsü daha var. Ancak, alt menü açıldığında - pencereye sığmaz ve çok fazla sağa gider, böylece kullanıcı yalnızca ilk harfleri görebilir. Bu alt menüyü sağa değil …

93 javascript  jquery  css  twitter-bootstrap 

Başlangıçta HTML, CSS ve JavaScript'te bir web uygulaması oluşturdum, ardından Bootstrap'ta da yeniden oluşturmam istendi. Her şeyi iyi yaptım, ancak web uygulamasında, orijinal olarak sahip olduğum geçiş düğmeleri yerine radyo (orijinal olarak onay kutusu) düğmelerine dönüşen geçiş düğmeleri vardı. Düğmelerin kodu: <label> Notifications <span class='toggle'> <input type='radio' class='notifications' name='notifications' id='notifications' …

93 javascript  jquery  css  twitter-bootstrap  jqtouch 

Kenar çubuğu gezinmesinin her zaman akış düzeninde kaydırmada sabit kalmasını sağlamak mümkün mü?

92 css  twitter-bootstrap  css-position  fluid-layout 

Bu koda sahibim: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

premailer-rails3Html e-postaları için satır içi stilleri çeken mücevher kullanıyorum ve Twitter önyükleme ile çalışmasını sağlamaya çalışıyorum. https://github.com/fphilipe/premailer-rails3 Görünüşe göre bazı tarzlar doğru geliyor ama hepsi değil. Herkesin Twitter Bootstrap css'lerini (değiştirilmiş veya değiştirilmemiş) html e-postasına alma konusunda güzel bir örnek olup olmadığını merak ediyorum. Teşekkürler!

92 html  twitter-bootstrap  html-email 

Bootstrap ile bir düğmeye nasıl bağlantı eklenir? bootstrap belgelerinde 4 yöntem vardır: <a href="#" class="btn btn-info" role="button">Link Button</a> <button type="button" class="btn btn-info">Button</button> <input type="button" class="btn btn-info" value="Input Button"> <input type="submit" class="btn btn-info" value="Submit Button"> İlki benim için çalışmıyor, hiçbir düğme gösterilmiyor, sadece bağlantıya sahip metin, kullandığı temayı hissettiriyor. İkincisi, istediğim …

92 html  twitter-bootstrap  button  hyperlink 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Bu düğmeyi …

92 css  twitter-bootstrap  bootstrap-4 

Ben çok acemiyim, bu yüzden twitter önyükleme modeli ile bir şeyi (muhtemelen bariz) denetlediğimi düşünüyorum. Yapmaya çalıştığım şey, yalnızca mobil cihazlarda başlatmak için bir model almak. Bu, modal div'e .visible-phone sınıfını ekleyerek sorunsuz çalışır. Çok uzak çok iyi. Ama sonra çalışmasını istiyorum, yani X düğmesiyle kapatabilirsiniz. Ve düğmeyi çalıştıramıyorum. <div …

91 twitter-bootstrap  modal-dialog 

Bootstrap v3'üm var. Kullandığım class="active"on my navbarve menü öğelerini bastığımda o geçiş değil. Bunu nasıl yapacağımı jQueryve bir tıklama işlevi oluşturacağımı biliyorum, ancak bu işlevin önyüklemeye dahil edilmesi gerektiğini düşünüyorum. Yani belki bu bir JavaScript sorunudur? İşte dahil ettiğim js / css / bootstrap dosyalarımla başlığım: <!-- Bootstrap CSS --> …

91 javascript  html  twitter-bootstrap  twitter-bootstrap-3 

Bir modelim var ve bu modelin içinde büyük gizli içeriği görüntüleyen bir açılır menü var ve çalışıyor. Şimdi, ilk modelin üstüne yığılmış bir sonraki modeli açtığınızda ve onu kapattığınızda, altta modal üzerinde kaydırma devre dışı kalır. Karşılaştığım sorunu tekrarlama adımlarını da içeren tam bir örnek oluşturdum. Burada görebilirsiniz . <!DOCTYPE …

91 jquery  html  twitter-bootstrap 

Şu anda şöyle bir şeye sahibim: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Şimdi varsayalım ki, contenthepsi aynı genişliğe sahip farklı yükseklikteki kutulardı - aynı "ızgara tabanlı düzeni" nasıl koruyabilirim ve yine de tüm kutuları mükemmel …

91 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Üst menümde alışveriş sepetim var push-rightve benim sorunum açılır balonun sayfadan düşmesi. Balonu 'tıklama' ile doğru hizalanması için doğru hizalamaya çalışıyorum bunun gibi HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

91 html  css  twitter-bootstrap 

Bir uygulamamda Bootstrap araç ipucunu kullanmaya çalışıyorum. Uygulamam AngularJS kullanıyor Şu anda aşağıdakilere sahibim: <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> Sanırım kullanmam gerek $("[data-toggle=tooltip]").tooltip(); Ancak emin değilim. Yine de yukarıdaki satırı eklediğimde bile kodum çalışmıyor. İhtiyacım olandan daha fazlasını içerdiği için UI önyükleme …

90 angularjs  twitter-bootstrap  twitter-bootstrap-tooltip