Pertanyaan yang diberi tag «twitter-bootstrap-3»

Bootstrap 3 adalah generasi ketiga dari kerangka front-end yang memungkinkan pengembangan web lebih cepat dengan tampilan dan nuansa yang menarik. Gunakan dengan tag [twitter-bootstrap]

30
Tengahkan kolom menggunakan Twitter Bootstrap 3
Bagaimana cara memusatkan div dari satu ukuran kolom dalam wadah (12 kolom) di Twitter Bootstrap 3 ? .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> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Saya ingin div, dengan kelas .centereddipusatkan di dalam wadah. Saya dapat …

23
menyelaraskan vertikal dengan Bootstrap 3
Saya menggunakan Twitter Bootstrap 3, dan saya memiliki masalah ketika saya ingin menyelaraskan dua secara vertikal div, misalnya - tautan JSFiddle : <!-- 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"> …

6
Apa itu sr-only di Bootstrap 3?
Untuk apa kelas itu sr-onlydigunakan? Apakah ini penting atau dapatkah saya menghapusnya? Bekerja dengan baik tanpa. Inilah contoh saya: <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 …



8
Wadah-cairan vs .kontainer
Hanya mengunduh 3.1 dan ditemukan di dokumen ... Ubah tata letak kisi lebar tetap menjadi tata letak lebar penuh dengan mengubah terluar Anda .containermenjadi .container-fluid. Melihat ke dalam bootstrap.css, tampaknya .container-fluididentik dengan .container. Keduanya memiliki CSS yang sama, dan setiap instance .container-fluiddipasangkan dengan .container, dan semua kelas kolom ditentukan dalam …

17
Bagaimana saya bisa mendapatkan tombol Bootstrap Twitter saya untuk menyelaraskan dengan benar?
Saya punya demo sederhana di sini: 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> Saya memiliki daftar tidak berurutan dan untuk setiap item daftar saya ingin memiliki teks di sebelah kiri dan kemudian tombol rata kanan. Saya telah mencoba menggunakan pull-right tetapi ini benar-benar mengacaukan …



29
Bootstrap 3 Navbar dengan Logo
Saya ingin menggunakan navbar default Bootstrap 3 dengan logo gambar alih-alih branding teks. Apa cara yang tepat untuk melakukan ini tanpa menyebabkan masalah dengan ukuran layar yang berbeda? Saya menganggap ini persyaratan umum, tetapi saya belum melihat contoh kode yang baik. Persyaratan utama selain memiliki tampilan yang dapat diterima pada …

30
Lima kolom sama di bootstrap twitter
Saya ingin memiliki 5 kolom yang sama pada halaman yang saya buat dan sepertinya saya tidak mengerti bagaimana grid 5 kolom digunakan di sini: http://web.archive.org/web/20120416024539/http://domain7 .com / mobile / tools / bootstrap / responsif Apakah kisi lima kolom diperagakan di atas bagian dari kerangka bootstrap twitter?


10
Bagaimana cara memusatkan wadah secara vertikal di Bootstrap?
Saya sedang mencari cara untuk memusatkan containerdiv secara vertikal di dalam jumbotrondan untuk meletakkannya di tengah halaman. The .jumbotronharus disesuaikan dengan tinggi penuh dan lebar layar. The .containerdiv memiliki lebar 1025pxdan harus di tengah-tengah halaman (vertikal pusat). Saya ingin halaman ini memiliki jumbotron yang disesuaikan dengan tinggi dan lebar layar …

19
Bereaksi Js menerapkan atribut kelas secara kondisional
Saya ingin memperlihatkan dan menyembunyikan grup tombol ini secara kondisional tergantung pada apa yang diteruskan dari komponen induk yang terlihat seperti ini: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() { return ( <div …


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.