«twitter-bootstrap» etiketlenmiş sorular

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 

Twitter'ın Bootstrap eşyalarını kullanıyorum ve şu HTML'ye sahibim: <a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a> Bunu Rails'de yapmanın en iyi yolu nedir? Kullanmak isterdim <%= link_to 'Do it', user_path(@user) %>ama bu <i class="icon-ok icon-white"></i>beni atıyor mu?

100 ruby-on-rails  twitter-bootstrap 

İç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 

Belirli bir div boyutuna sığacak bir resim elde etmeye çalışıyorum. Ne yazık ki, görüntü ona uymuyor ve bunun yerine orantılı olarak yeterince büyük olmayan bir boyuta küçülüyor. Görüntüyü içine sığdırmanın en iyi yolunun ne olduğundan emin değilim. Bu yeterli kod değilse, daha fazlasını sağlamaktan memnuniyet duyarım ve gözden kaçırdığım diğer …

100 html  css  twitter-bootstrap 

Başka bir görünümün HTML'sine dinamik olarak eklemeye çalıştığım bir önyükleme 2.32 modal var. Codeigniter 2.1 ile çalışıyorum. Aşağıdaki dinamik bir görünüme, bir ön yükleme kalıcı kısmi görünüşünü sokulması , var: <div id="modal_target"></div> ekleme için hedef div olarak. Benim görüşümde şuna benzeyen bir düğme var: <a href="#message" class="btn btn-large btn-info" data-action="Message" …

99 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-2 

Bootstrap 4'ü yüklemeyi denedim ve aşağıdaki bağlantıları dahil ettim <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Ancak aşağıdaki hata oluşur: Yakalanmamış sözdizimi Hatası: Beklenmeyen belirteç dışa aktarma Bunun nasıl tamir edileceğine dair fikri olan?

99 javascript  twitter-bootstrap  bootstrap-4  popper.js 

Twitter bootstrap'in kalıcı açılır penceresini kullanıyorum. <div id="myModal" class="modal hide fade in"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Header</h3> </div> <div class="modal-body"></div> <div class="modal-footer"> <input type="submit" class="btn btn-success" value="Save"/> </div> </div> Bu a-elementi ile ajax kullanarak içerik yükleyebilirim: <a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a> Şimdi aynı modeli açmam gerekiyor, ancak farklı bir …

98 javascript  twitter-bootstrap 

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 

Gezinme çubuğu üstte sabitlenmiş ve ana içerik alanında altında 3 div bulunan bir sitem var. Bootstrap çerçevesinden scrollspy kullanmaya çalışıyorum. Div'leri kaydırdığınızda menüdeki farklı başlıkları başarılı bir şekilde vurguladım. Ayrıca bende, menüye tıkladığınızda sayfanın doğru kısmına kayacak. Ancak, uzaklık yanlıştır (Gezinti çubuğunu hesaba katmıyor, bu nedenle yaklaşık 40 piksel kaydırmam …

98 twitter-bootstrap 

JQuery kullanmadığımız bir projede çalışıyorum. Twitter önyüklemesi buna bağlı mı?

98 twitter-bootstrap 

Şu anda twitter bootstrap 3 kullanıyorum ve duyarlı bir görüntü oluşturmak için bir sorunla karşı karşıyayım. img-responsiveSınıfı kullandım . Ancak görüntü boyutu ölçeklenmiyor. width:100%Bunun yerine kullanırsam max-width:100%mükemmel çalışıyor. Sorun nerede? Bu benim kodum: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> …

97 javascript  jquery  html  css  twitter-bootstrap 

Ben kullanıyorum Bootstrap-seç böyle eklentisi: HTML : <select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select> Javascript : $('select[name=selValue]').selectpicker(); Şimdi, düğme tıklandığında seçilen değeri bu seçime ayarlamak istiyorum ... bunun gibi bir şey: $('#mybutton').click(function(){ $('select[name=selValue]').val(1); }); Ama hiçbir şey olmadı. Bunu nasıl başarabilirim?

97 jquery  twitter-bootstrap  bootstrap-select 

Bir tarih seçildikten sonra takvimi nasıl gizlerim? Kullanabileceğim belirli bir işlev var mı? Aşağıdaki kodum: $('#dp1').datepicker({ format: 'mm-dd-yyyy', startDate: '-15d', autoclose: true, endDate: '+0d' // there's no convenient "right now" notation yet }); Herhangi bir yardım memnuniyetle karşılanacaktır.

97 jquery  twitter-bootstrap  datepicker 

Aşağıdaki kodun ne anlama geldiğini anlayamıyorum icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Ne icon-bariçin? Neden bunun üç benzer örneği var? Bu kod, gezinme çubuğu bölümündedir: <div class="navbar-header"> ... </div>

97 html  css  twitter-bootstrap