Pertanyaan yang diberi tag «bootstrap-4»

Bootstrap 4 adalah versi utama keempat dari pustaka komponen front-end yang populer. Kerangka Bootstrap membantu dalam pembuatan situs web dan aplikasi web yang responsif dan mengutamakan seluler.



13
Bootstrap 3: tarik-kanan hanya untuk col-lg
Baru di bootstrap 3 .... Di layout saya, saya punya: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Saya ingin 'elemen 2' untuk TIDAK disejajarkan tepat di layar yang lebih kecil dari col-lg. Jadi secara efektif memiliki kelas pull-right hanya untuk col-lg-6 …

12
Bootstrap 4 Ubah Warna Pengalih Hamburger
Saya memiliki situs web bootstrap di mana toggler hamburger ditambahkan ketika ukuran layar kurang dari 992px. Kodenya seperti ini: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> Apakah ada kemungkinan untuk mengubah warna tombol toggler hamburger?

4
Kelas warna teks yang tersedia di Bootstrap
Saya sedang mengembangkan halaman pendaftaran, dengan meletakkan beberapa teks sebagai judul di bilah navigasi. Saya ingin memberi warna yang berbeda pada teks tersebut. Untuk tujuan ini saya menggunakan file CSS terpisah, tetapi saya ingin melakukan ini menggunakan file CSS bootstrap. Adakah yang bisa membuat daftar kelas warna yang tersedia di …

3
Datepicker bootstrap v4 [ditutup]
Tutup. Pertanyaan ini tidak memenuhi pedoman Stack Overflow . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Perbarui pertanyaan agar sesuai dengan topik untuk Stack Overflow. Tutup 2 tahun lalu . Perbaiki pertanyaan ini Saya menggunakan Bootstrap V4 untuk situs web baru saya karena ada di Alpha. Namun saya …


4
Bootstrap 4: Menu dropdown muncul di sebelah kanan layar
Saya tidak bisa mendapatkan item drop-down untuk tidak keluar dari halaman. Saya mencoba beberapa hal dari BS3 tetapi tampaknya tidak berhasil. Saya tidak yakin apakah itu karena ml-auto. (abaikan pernyataan if-else) Inilah CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" data-target="#searchNav" …


9
Cara menyembunyikan bilah navigasi Bootstrap 4 yang dapat dilipat saat diklik
Saya telah membuat navbar yang dapat dilipat ini menggunakan Bootstrap 4 yang berfungsi dengan baik, tetapi saya ingin menutupnya saat pengguna mengklik tautan. Ada cara untuk melakukan ini? Terima kasih html navbar: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span …

10
Apa yang terjadi dengan kelas .pull-left dan .pull-right di Bootstrap 4?
Di versi terbaru pull-left dan pull-right telah diganti dengan .pull- {xs, sm, md, lg, xl} - {left, right, none} Artinya, alih-alih menulis yang sederhana class="pull-right", sekarang saya harus menulisclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" Apakah ada cara yang tidak terlalu membosankan untuk melakukannya?
104 bootstrap-4 

7
Ukuran kolom tabel
Di Bootstrap 3, saya bisa menerapkan col-sm-xxke thtag di theaddan mengubah ukuran kolom tabel sesuka hati. Namun ini tidak berfungsi di bootstrap 4. Bagaimana saya bisa mencapai sesuatu seperti ini di bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Melihat codeply yang …

5
Meruntuhkan Sidebar dengan Bootstrap
Saya baru saja mengunjungi halaman ini http://www.elmastudio.de/ dan bertanya-tanya apakah mungkin membuat runtuhnya sidebar kiri dengan Bootstrap 3. Kode untuk menutup sidebar dari atas (khusus ponsel): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Sidebar sendiri memiliki kelas hidden-xs. Ini dihapus dengan js berikut $('.sidebar-toggle').click(function(){ $('#sidebar').removeClass('hidden-xs'); …

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?

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

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.