Pertanyaan yang diberi tag «bootstrap-4»

Saya menggunakan Bootstrap 4 alpha 2 dan memanfaatkan kartu. Secara khusus, saya sedang mengerjakan contoh ini diambil dari dokumen resmi. Bagaimana saya bisa membuat semua kartu memiliki tinggi yang sama? Yang bisa saya pikirkan sekarang adalah mengatur aturan CSS berikut: .card { min-height: 200px; } Tapi itu hanya solusi kode …

134 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

Di bootstrap-3 ada .wellkelas yang menambahkan perbatasan bulat di sekitar elemen dengan warna latar belakang abu-abu dan beberapa padding. <div class="well">Basic Well</div> Tapi, saya tidak menemukan .wellkelas di bootstrap-4. Apakah ada tag yang setara dengan .welldi bootstrap-4?

130 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-4 

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 …

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

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?

125 css  twitter-bootstrap  bootstrap-4 

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 …

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

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 …

114 twitter-bootstrap  bootstrap-4 

Saya ingin memperbarui Bootstrap di ASP.NET Core dengan NuGet. Saya menggunakan ini: Install-Package bootstrap -Version 4.0.0 Itu memang menambahkan dependensi tetapi bagaimana cara menambahkannya ke proyek saya sekarang? Apa jalur untuk dependensi NuGet lokal?

112 .net  asp.net-core  nuget  bootstrap-4  asp.net-core-2.0 

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

112 twitter-bootstrap  css  bootstrap-4 

Ini adalah efek yang saya coba capai dengan carousel Bootstrap 3 Alih-alih hanya menampilkan satu frame pada satu waktu, ini akan menampilkan N frame slide by side. Kemudian saat Anda menggeser (atau saat bergeser otomatis), itu menggeser grup slide seperti yang dilakukannya. Bisakah ini dilakukan dengan carousel bootstrap 3? Saya …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

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 …

110 html  css  twitter-bootstrap  bootstrap-4  twitter-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 

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 …

104 css  twitter-bootstrap  html-table  bootstrap-4 

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'); …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

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?

99 javascript  twitter-bootstrap  bootstrap-4  popper.js 

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

98 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4