Pertanyaan yang diberi tag «twitter-bootstrap»

Bootstrap adalah kerangka front-end yang dirancang untuk memulai pengembangan aplikasi dan situs Web. Untuk pertanyaan yang terkait dengan versi Bootstrap juga gunakan tag versi spesifik dari "twitter-bootstrap-2", "twitter-bootstrap-3" dan "bootstrap-4".

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 …
30
Bagaimana saya bisa membuat kolom Bootstrap sama tingginya?
Saya menggunakan Bootstrap. Bagaimana saya bisa membuat tiga kolom sama tingginya? Ini adalah screenshot dari masalahnya. Saya ingin kolom biru dan merah sama tingginya dengan kolom kuning. Ini kodenya: <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 …
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"> …
14
Bagaimana cara membuka jendela modal Bootstrap menggunakan jQuery?
Saya menggunakan fungsionalitas Modal Bootstrap jendela Twitter. Ketika seseorang mengklik kirim pada formulir saya, saya ingin menunjukkan jendela modal setelah mengklik tombol "kirim" di formulir. <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"> …
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 …
20
Kelas perataan teks untuk di dalam tabel
Apakah ada seperangkat kelas dalam kerangka Bootstrap Twitter yang menyelaraskan teks? Misalnya, saya memiliki beberapa tabel dengan $total yang ingin saya selaraskan ke kanan ... <th class="align-right">Total</th> dan <td class="align-right">$1,000,000.00</td>
30
Modal bootstrap muncul di bawah latar belakang
Saya telah menggunakan kode untuk modal saya langsung dari contoh Bootstrap, dan hanya menyertakan bootstrap.js (dan bukan bootstrap-modal.js). Namun, modal saya muncul di bawah abu-abu pudar (latar belakang) dan tidak dapat diedit. Begini tampilannya: Lihat biola ini untuk satu cara mereproduksi masalah ini. Struktur dasar dari kode itu adalah seperti …
23
Bagaimana Anda mendapatkan konten yang terpusat menggunakan Twitter Bootstrap?
Saya mencoba mengikuti contoh yang sangat mendasar. Menggunakan halaman starter dan sistem grid , saya berharap yang berikut: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan ... akan menghasilkan teks yang terpusat. Namun, masih muncul di paling kiri. Apa yang saya lakukan …
11
Bind fungsi ke Twitter Bootstrap Modal Tutup
Saya menggunakan lib Bootstrap Twitter pada proyek baru dan saya ingin sebagian halaman menyegarkan dan mengambil data json terbaru tentang modal tutup. Saya tidak melihat ini di mana saja dalam dokumentasi yang dapat seseorang tunjukkan kepada saya atau menyarankan solusi. Dua masalah dengan menggunakan metode yang didokumentasikan $('#my-modal').bind('hide', function () …
10
Melewati data ke modal bootstrap
Saya punya beberapa hyperlink yang masing-masing memiliki ID. Ketika saya mengklik tautan ini, saya ingin membuka modal ( http://twitter.github.com/bootstrap/javascript.html#modals ), dan meneruskan ID ini ke modal. Saya mencari di google, tetapi saya tidak dapat menemukan apa pun yang dapat membantu saya. Ini kodenya: <a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a> …
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.