«twitter-bootstrap-3» etiketlenmiş sorular

Rails uygulamama Bootstrap 3.0 yüklemeye çalışıyorum. Yakın zamanda Michael Hartl'ın eğitimini bitirdim ve şimdi Bootstrap'in bu yeni sürümünü kullanarak kendi sistemimi kurmaya çalışıyorum, ancak emin olmadığım birkaç sorum var. Sistem özelliklerim: MBP'de OS X Mountain Lion Raylar 4.0 Ruby 2.0 Sahip olduğum sorular: Gemfile'ımda kullanılacak en iyi mücevher hangisidir? Birkaç …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

bunu denedim ama yanlış yaptım işte css body .modal-ku { width: 750px; } ve işte başarısız sonuç

112 html  css  twitter-bootstrap-3 

Modelle ilgili bir sorunum var. Bir sayfada, modal'ı değiştiren bir düğme var. Modal göründüğünde, sayfa en üste atlar. Bir çözüm bulmak için elimden gelen her şeyi yaptım / vs, ama gerçekten kayboldum. DÜZENLE: Ben de denedim: $('#myModal').modal('show');ama aynı etkiye sahip.

111 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Bootstrap 3 carousel ile elde etmeye çalıştığım efekt bu Her seferinde yalnızca bir kare göstermek yerine, N kareyi yan yana kaydırarak görüntüler. Sonra kaydırdığınızda (veya otomatik olarak kaydığında), slayt grubunu olduğu gibi kaydırır. Bu , bootstrap 3'ün atlıkarınca ile yapılabilir mi? Başka bir jQuery eklentisi aramaya gitmem gerektiğini umuyorum ...

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Sabit üst davranış ile kullanılan bootstrap 3.0 navbar yüksekliğini azaltmaya çalışıyorum. Burada kodu kullanıyorum. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" role="navigation"> <ul class="nav navbar-nav …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

Etiketleri giriş alanının üstünde değil sol tarafta olmasını istiyorum. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> <input type="submit" value="Los!" class="btn …

105 css  twitter-bootstrap-3 

Bootstrap'te yeniyim ve eski 2.3.2 sürümüne sahibim. Versiyon 3 yayınlandı. En son sürümü kullanmak istersem, sadece CSS ve Javascript dosyalarını değiştirmeli miyim?

102 twitter-bootstrap  twitter-bootstrap-3 

Bu sayfayı http://www.elmastudio.de/ ziyaret ettim ve Bootstrap 3 ile sol kenar çubuğu çöküşünü oluşturmanın mümkün olup olmadığını merak ettim. Kenar çubuğunu üstten daraltma kodu (yalnızca telefon): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Kenar çubuğunun kendisi gizli xs sınıfına sahiptir. Aşağıdaki js ile kaldırılır $('.sidebar-toggle').click(function(){ …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

tabindexBootstrap 3'teki özellik ne için? Tüm modallerde pratik olarak kullansalar da dokümantasyonu onlar hakkında hiçbir şey söylemiyor. Bunu yalnızca kullanımıyla ilgili buldum, ki bu pek bir şey söylemiyor Klavye ve yardımcı teknoloji kullanıcıları için erişilebilir araç ipuçları Klavye ile gezinen kullanıcılar ve özellikle yardımcı teknolojilerin kullanıcıları için, bağlantılar, form denetimleri …

101 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

Bootstrap 4'e geçerken yeni yanıt veren yardımcı programlar gizli / görünür sınıflarla ilgili bir sorun yaşanıyor . Ben .hidden- sınıflar edilmiş farkındayım v3 kaldırılır ve yerine sahip .hidden-*-up .hidden-*-down. Yeni .hidden-*-up.hidden-*-downsınıfları kullanıyor ancak öğeler görünür / gizli olarak değişmiyor. Nedenini anlayamıyorum. <div class="col hidden-xs-down"> <span class="vcard"> … </span> </div> <div …

101 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

İçeriğimin akıcı olmasını isterdim, ancak .container-fluidBootstrap'in ızgarasıyla kullanırken hala dolgu görüyorum. Dolgudan nasıl kurtulabilirim? Dolguyu anlamadığımı görüyorum .row, ancak sütunlar eklemek istiyorum ve bunu yapar yapmaz dolgu geri geliyor. Sütunları tam genişlikte kullanabilmek istiyorum. Bir örnek: <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <p>Use this document as a way to quickly …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Bootstrap temalarımı v2.3.2'den v3.0.0'a geçiriyorum ve fark ettiğim bir şey, bootstrap.css'deki aşağıdaki stiller nedeniyle birçok boyutun farklı şekilde hesaplandığı. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Bootstrap'in neden tüm öğelerin kutu boyutlandırmasını border-box olarak değiştirdiğini açıklayabilir mi? Yüzde tabanlı yeni ızgara sistemi ile ilgisi olduğundan şüpheleniyorum, …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

Bootstrap 3Bağlantıları aşağıdaki gibi ayırmak için açılır menülerin içine yerleştirebileceğiniz yatay bir bölücü olduğunu biliyorum : <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Sorum şu: Herhangi bir listeye veya benzer bir menüye koymak gibi bir açılır menü olmadan bunu yapmanın bir yolu var mı?

98 twitter-bootstrap  twitter-bootstrap-3 

Bu nedenle, şu anda açık olan bir kalıcı pencerede başka bir kalıcı pencere açmak için bu kodu kullanıyorum: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 500 ms gibi bir süre için kaydırma çubuğunun kopyalanmasıdır. Sanırım şu anki model hala kayboluyor. Ancak çok düzgün ve kekemeli görünüyor. Bu sorunu çözmek için her türlü öneriyi takdir …

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

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle Form içeriklerini bir javascript işlevi içinde saklayacağımı tahmin ediyorum ... Bir önyükleme açılır penceresinin içinde bir formu nasıl içeririm?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover