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".

6
popper.js dalam bootstrap 4 memberikan ekspor token SyntaxError Unexpected
Saya mencoba menginstal bootstrap 4, dan menyertakan tautan berikut <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Tetapi kesalahan berikut terjadi: SyntaxError tidak tertangkap: Ekspor token tidak terduga Ada ide bagaimana cara memperbaikinya?

3
Bootstrap 3 Horizontal Divider (tidak dalam dropdown)
Saya tahu Bootstrap 3memiliki pembagi horizontal yang dapat Anda tempatkan di dalam menu dropdown untuk memisahkan tautan seperti ini: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Pertanyaan saya adalah: Apakah ada cara untuk melakukan ini tanpa harus berada di dropdown, seperti memasukkannya ke dalam …

14
Reload konten di modal (twitter bootstrap)
Saya menggunakan popup modal bootstrap twitter. <div id="myModal" class="modal hide fade in"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Header</h3> </div> <div class="modal-body"></div> <div class="modal-footer"> <input type="submit" class="btn btn-success" value="Save"/> </div> </div> Saya dapat memuat konten menggunakan ajax dengan a-element ini: <a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a> Sekarang saya harus membuka modal yang …

1
Mengapa Bootstrap 3 beralih ke box-sizing: border-box?
Saya memigrasi tema Bootstrap saya dari v2.3.2 ke v3.0.0 dan satu hal yang saya perhatikan adalah banyak dimensi dihitung secara berbeda, karena gaya berikut di bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Adakah yang bisa menjelaskan mengapa Bootstrap mengubah ukuran kotak dari semua elemen menjadi …

12
Bagaimana cara mengatur offset ScrollSpy di Bootstrap?
Saya memiliki situs dengan bilah navigasi tetap di atas dan 3 div di bawahnya di area konten utama. Saya mencoba menggunakan scrollspy dari kerangka bootstrap. Saya memilikinya dengan sukses menyoroti berbagai judul di menu saat Anda menggulir melewati divs. Saya juga memilikinya sehingga ketika Anda mengklik menu, itu akan menggulir …

13
Bootstrap 3 dan 4.container-fluid dengan grid menambahkan bantalan yang tidak diinginkan
Saya ingin konten saya berubah-ubah, tetapi saat menggunakan .container-fluiddengan grid Bootstrap, saya masih melihat padding. Bagaimana cara menghilangkan padding? Saya melihat bahwa saya tidak mendapatkan padding dengan .row, tetapi saya ingin menambahkan kolom, dan segera setelah saya melakukannya, padding sudah kembali: O. Saya ingin dapat menggunakan kolom dengan lebar penuh. …


18
Cara mengatur nilai yang dipilih pada pilih menggunakan plugin selectpicker dari bootstrap
Saya menggunakan plugin Bootstrap-Select seperti ini: HTML : <select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select> Javascript : $('select[name=selValue]').selectpicker(); Sekarang saya ingin mengatur nilai yang dipilih untuk memilih ini ketika tombol diklik ... sesuatu seperti ini: $('#mybutton').click(function(){ $('select[name=selValue]').val(1); }); Tapi tidak ada …


8
Cara membuat gambar responsif yang juga berskala di Bootstrap 3
Saat ini saya menggunakan twitter bootstrap 3 dan saya menghadapi masalah untuk membuat gambar responsif. Saya telah menggunakan img-responsivekelas. Namun ukuran gambar tidak ditingkatkan. Jika saya menggunakan width:100%alih-alih max-width:100%maka itu berfungsi dengan sempurna. Dimana masalahnya? Ini kode saya: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" …


8
Bagaimana cara melewatkan parameter ke modal?
Saya ingin meneruskan userNamedari daftar userNameklik pengguna yang login ke twitter bootstrap modal. Saya menggunakan grails dengan angularjs , di mana data diberikan melalui angularjs . Konfigurasi Halaman tampilan grails saya encouragement.gspadalah <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> …

3
"Icon-bar" di bilah navigasi bootstrap twitter
Saya tidak mengerti apa arti kode berikut dalam hal icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Apa icon-baruntuk? Mengapa ada tiga contoh serupa? Kode ini ada di bagian bilah navigasi: <div class="navbar-header"> ... </div>

14
Styling tombol bootstrap twitter
Tombol Twitter-Bootstrap luar biasa indah. Cobalah dengan menggulirnya Tapi warnanya terbatas. Adakah cara saya bisa mengubah warna dasar tombol sambil mempertahankan efek hover-over yang indah yang dibuat oleh bootstrap begitu indah dan mudah? Saya sama sekali tidak menyadari seperti apa css / javascript yang digunakan twitter untuk mempertahankan efek tersebut.

4
bootstrap 4 utilitas responsif terlihat / tersembunyi xs sm lg tidak berfungsi
Memiliki masalah dengan utilitas responsif baru yang tersembunyi / kelas terlihat , saat bermigrasi ke Bootstrap 4 . Saya sadar bahwa kelas .hidden- telah dihapus dari v3 dan diganti dengan .hidden-*-up .hidden-*-down. Menggunakan .hidden-*-up.hidden-*-downkelas baru tetapi elemen tidak berubah menjadi terlihat / tersembunyi. Tidak tahu kenapa. <div class="col hidden-xs-down"> <span …

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.