«twitter-bootstrap-3» etiketlenmiş sorular

Bootstrap 3, çekici bir görünüm ve his ile daha hızlı web geliştirme sağlayan ön uç çerçevenin üçüncü neslidir. [Twitter-bootstrap] etiketiyle 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 …

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 …

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>



8
Konteyner sıvısı ve .container
3.1 indirildi ve dokümanlarda bulundu ... Senin en dışta değiştirerek tam genişlikli düzeni içine herhangi bir sabit genişlikli ızgara düzeni çevirin .containeriçin .container-fluid. Baktığında bootstrap.css, şunlar anlaşılmaktadır .container-fluidaynıdır .container. Her ikisi de aynı CSS'ye sahiptir ve her örneği .container-fluideşleştirilir .containerve tüm sütun sınıfları yüzde olarak belirtilir. Örneklerle dolaşırken hiçbir şey …

17
Twitter Bootstrap düğmelerimin doğru hizalanmasını nasıl sağlayabilirim?
Burada basit bir demom var: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> Sırasız bir listem var ve her liste öğesi için önce sola ve sonra sağa hizalı bir düğmeye sahip olmak istiyorum. Sağa çekmeyi kullanmaya çalıştım, ancak bu tamamen hizalamayı bozuyor. Neyi yanlış yapıyorum?



29
Logo ile Bootstrap 3 Navbar
Bootstrap 3 varsayılan gezinme çubuğunu metin markası yerine resim logolu kullanmak istiyorum. Farklı ekran boyutlarında herhangi bir soruna neden olmadan bunu yapmanın uygun yolu nedir? Bu ortak bir gereksinimi varsayalım, ama henüz iyi bir kod örneği görmedim. Tüm ekran boyutlarında kabul edilebilir bir görüntü göstermekten başka önemli bir gereklilik, daha …

30
Twitter bootstrap'ta beş eşit sütun
Oluşturduğum bir sayfada 5 eşit sütuna sahip olmak istiyorum ve burada 5 sütun ızgarasının nasıl kullanıldığını anlayamıyorum: http://web.archive.org/web/20120416024539/http://domain7 .com / mobil / araçları / önyükleme / tepkili Beş sütun ızgarası twitter önyükleme çerçevesinin üzerinde gösteriliyor mu?


19
Sınıf özniteliklerini koşullu olarak uygulayarak J'lere tepki verme
Koşullu olarak göstermek ve bu gibi görünüyor ana bileşen ne geçti bağlı olarak bu düğme grubunu gizlemek istiyorum: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( <div className="row"> <div className="col-lg-6"> <div …

10
Bir kap Bootstrap'ta dikey olarak nasıl ortalanır?
containerDiv'i dikey jumbotronolarak ortalamanın ve sayfanın ortasına yerleştirmenin bir yolunu arıyorum . Ekranın .jumbotrontam yüksekliğine ve genişliğine uyarlanmalıdır. .containerDiv bir genişliğe sahiptir 1025pxve sayfanın (dikey merkezi) ortasında olmalıdır. Bu sayfanın jumbotronun, jumbotronun dikey olarak ortasıyla birlikte ekranın yüksekliğine ve genişliğine uyarlanmasını istiyorum. Nasıl başarabilirim? .jumbotron { height:100%; width:100%; } .container …


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.