«twitter-bootstrap» etiketlenmiş sorular

Bootstrap, Web uygulamalarının ve sitelerinin geliştirilmesini başlatmak için tasarlanmış bir ön uç çerçevedir. Bootstrap'ın bir sürümüyle ilgili sorular için "twitter-bootstrap-2", "twitter-bootstrap-3" ve "bootstrap-4" etiketlerinden belirli bir sürümün etiketini de kullanın.

30
Twitter Bootstrap 3'ü kullanarak bir sütunu ortalayın
Twitter Bootstrap 3'teki kapta (12 sütun) bir sütun boyutunda bir div'ı nasıl ortalayabilirim ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet divBir sınıfın .centeredkap içinde ortalanmasını istiyorum . Birden fazla divs varsa bir satır kullanabilirim …
30
Bootstrap sütunlarını aynı yükseklikte nasıl yapabilirim?
Bootstrap kullanıyorum. Üç sütunu aynı yükseklikte nasıl yapabilirim? İşte sorunun ekran görüntüsü. Mavi ve kırmızı sütunların sarı sütunla aynı yükseklikte olmasını istiyorum. İşte kod: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" style="background-color: yellow"> catz <img width="100" height="100" src="https://lorempixel.com/100/100/cats/"> </div> …
23
Bootstrap 3 ile dikey hizalama
Twitter Bootstrap 3 kullanıyorum ve divörneğin dikey olarak iki hizalamak istediğimde sorun yaşıyorum - JSFiddle link : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div class="col-xs-5"> <div style="height:5em;border:1px solid …
14
JQuery kullanarak bir Bootstrap kalıcı pencere nasıl açılır?
Twitter Bootstrap kalıcı pencere işlevini kullanıyorum. Birisi formumda gönder'i tıkladığında, formdaki "gönder düğmesini" tıkladıktan sonra kalıcı pencereyi göstermek istiyorum. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" …
6
Bootstrap 3'te sr-only nedir?
Sınıf ne için sr-onlykullanılır? Önemli mi yoksa kaldırabilir miyim? Olmadan iyi çalışır. İşte benim örnek: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> </ul> </div>
30
Arka plan altında görünen Bootstrap kalıcı
Kodumu doğrudan Bootstrap örneğinden kullandım ve sadece bootstrap.js'yi (ve bootstrap-modal.js'yi değil) dahil ettim. Bununla birlikte, modelim gri solgunluk (zemin) altında görünüyor ve düzenlenemez. İşte böyle görünüyor: Bu sorunu yeniden oluşturmanın bir yolu için bu kemana bakın . Bu kodun temel yapısı şöyledir: <body> <p>Lorem ipsum dolor sit amet.</p> <div class="my-module"> …
23
Twitter Bootstrap'ı kullanarak nasıl ortalanmış içerik elde edersiniz?
Çok temel bir örneği takip etmeye çalışıyorum. Kullanılması marş sayfası ve ızgara sistemini , ben aşağıdakileri umuyordum: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Kod snippet'ini çalıştırHide resultsSnippet'i genişlet ... ortalanmış metin üretirdi. Ancak, yine de en solda görünür. Neyi yanlış yapıyorum?
11
Bir işlevi Twitter Bootstrap Modal'a bağlama
Twitter Bootstrap lib'i yeni bir projede kullanıyorum ve sayfanın bir kısmının modal kapanıştaki en son json verilerini yenilemesini ve almasını istiyorum. Belgenin herhangi bir yerinde bunu görmüyorum, birisi bana işaret edebilir veya bir çözüm önerebilir. Belgelendirilmiş yöntemlerin kullanımıyla ilgili iki sorun $('#my-modal').bind('hide', function () { // do something ... }); …
10
Verilerin bir önyükleme yöntemine aktarılması
Her birinde bir kimlik bulunan birkaç köprü var. Bu bağlantıyı tıkladığımda, bir yöntem ( http://twitter.github.com/bootstrap/javascript.html#modals ) açmak ve bu kimliği modda geçirmek istiyorum. Google'da arama yaptım, ancak bana yardımcı olabilecek hiçbir şey bulamadım. Bu kod: <a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a> Hangisi açmalı: <div class="modal hide" id="addBookDialog"> <div class="modal-body"> …
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.