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
Jendela modal Bootstrap yang berpusat secara vertikal
Saya ingin memusatkan modal saya pada viewport (tengah) saya mencoba menambahkan beberapa properti css .modal { position: fixed; top:50%; left:50%; } Saya menggunakan contoh ini http://jsfiddle.net/rniemeyer/Wjjnd/ Saya mencoba $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })
5
Buat Bootstrap Popover Muncul / Hilang di Hover, bukan Klik
Saya sedang membangun situs web dengan Bootstrap's Popover dan saya tidak tahu bagaimana cara membuat popover itu muncul di hover, bukan klik. Yang ingin saya lakukan adalah membuat popover muncul ketika seseorang melayang di atas tautan alih-alih mengkliknya dan popover menghilang ketika mereka pindah. Dokumentasi mengatakan itu mungkin menggunakan atribut …
19
Bootstrap Dropdown dengan Hover
OK, jadi yang saya butuhkan cukup mudah. Saya telah mengatur navbar dengan beberapa menu dropdown di dalamnya (menggunakan class="dropdown-toggle" data-toggle="dropdown"), dan berfungsi dengan baik. Masalahnya itu berfungsi " onClick", sementara aku lebih suka jika itu bekerja " onHover". Apakah ada cara bawaan untuk melakukan ini?
12
Bootstrap 3 Siram footer ke bawah. tidak tetap
Saya menggunakan Bootstrap 3 untuk situs yang saya rancang. Saya ingin punya catatan kaki seperti ini. Sampel Harap dicatat bahwa saya tidak menginginkannya TETAP sehingga bootstrap navbar-fix-bottom tidak menyelesaikan masalah saya. Saya hanya ingin selalu ada di bagian bawah konten dan juga responsif. Panduan apa pun akan sangat dihargai. EDIT: …
23
Bagaimana cara memperbaiki kesalahan; 'Kesalahan: Bootstrap tooltips membutuhkan Tether (http://github.hubspot.com/tether/)'
Saya menggunakan Bootstrap V4 dan kesalahan berikut dicatat di konsol; Kesalahan: Bootstrap tooltips memerlukan Tether ( http://github.hubspot.com/tether/ ) Saya telah mencoba untuk menghapus kesalahan dengan menginstal Tether tetapi tidak berhasil. Saya telah 'menginstal' Tether dengan memasukkan baris kode berikut; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> Sudahkah saya 'memasang' tether dengan benar? …
5
Gunakan Fieldset Legend dengan bootstrap
Saya menggunakan Bootstrap untuk JSPhalaman saya . Saya ingin menggunakan <fieldset>dan <legend>untuk formulir saya. Ini kode saya. <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSS adalah fieldset.scheduler-border { border: …
14
Bootstrap throws Uncaught Error: JavaScript Bootstrap membutuhkan jQuery [ditutup]
Tutup. Pertanyaan ini membutuhkan detail debugging . Saat ini tidak menerima jawaban. Ingin meningkatkan pertanyaan ini? Perbarui pertanyaan sehingga sesuai topik untuk Stack Overflow. Ditutup 2 tahun yang lalu . Perbaiki pertanyaan ini Saya mencoba menggunakan Bootstrap untuk membuat antarmuka untuk suatu program. Saya menambahkan jQuery 1.11.0 ke <head>tag dan …
18
Bagaimana cara mengaktifkan Bootstrap tooltip pada tombol yang dinonaktifkan?
Saya perlu menampilkan tooltip pada tombol yang dinonaktifkan dan menghapusnya pada tombol yang diaktifkan. Saat ini, ia bekerja secara terbalik. Apa cara terbaik untuk membalikkan perilaku ini? $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <hr> <button class="btn" disabled rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button> <button class="btn" rel="tooltip" data-title="Dieser …
6
`col-xs- *` tidak berfungsi di Bootstrap 4
Saya belum pernah mengalami ini sebelumnya, dan saya mengalami kesulitan mencari solusi. Ketika memiliki kolom sama dengan sedang dalam bootstrap seperti: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> Perataan teks berfungsi dengan baik: Tetapi ketika membuat kolom sama dengan ekstra kecil seperti: …
14
Cara Menampilkan Item yang Dipilih di Judul Dropdown Tombol Bootstrap
Saya menggunakan komponen Dropdown bootstrap di aplikasi saya seperti ini: <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Other</a></li> </ul> </div> Saya ingin menampilkan …
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.