Pertanyaan yang diberi tag «twitter-bootstrap-3»

Saya mencoba menginstal Bootstrap 3.0 di aplikasi Rails saya. Saya baru saja menyelesaikan tutorial Michael Hartl dan sekarang mencoba membangun sistem saya sendiri menggunakan Bootstrap versi baru ini, tetapi saya memiliki beberapa pertanyaan yang tidak saya yakini. Spesifikasi sistem saya: OS X Mountain Lion di MBP Rails 4.0 Ruby 2.0 …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

Saya punya masalah, dengan modal. Saya memiliki tombol di halaman, yang mengaktifkan modal. Saat modal muncul, halaman akan melompat ke atas. Saya telah melakukan semua yang saya bisa untuk menemukan solusi / dll, tetapi saya benar-benar tersesat. EDIT: Saya juga telah mencoba dengan: $('#myModal').modal('show');tetapi hasilnya sama persis.

111 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

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 mencoba untuk mengurangi tinggi navbar bootstrap 3.0 yang digunakan dengan perilaku teratas tetap. Di sini saya menggunakan kode. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

Saya sudah mencoba ini tetapi salah ini cssnya body .modal-ku { width: 750px; } dan inilah hasil yang gagal

107 html  css  twitter-bootstrap-3 

Saya ingin label tidak berada di atas kolom input, tetapi di sisi kiri. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> …

104 css  twitter-bootstrap-3 

Saya baru mengenal Bootstrap dan memiliki versi 2.3.2 yang lebih lama. Versi 3 telah dirilis. Apakah saya hanya mengganti file CSS dan Javascript jika saya ingin menggunakan versi terbaru?

102 twitter-bootstrap  twitter-bootstrap-3 

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 

Untuk apa tabindexatribut di Bootstrap 3? Dokumentasinya tidak mengatakan apa-apa tentang mereka meskipun mereka menggunakannya secara praktis di semua modals. Saya hanya menemukan ini terkait dengan penggunaannya, yang tidak banyak bicara Keterangan alat yang dapat diakses untuk pengguna keyboard dan teknologi pendukung Untuk pengguna yang bernavigasi dengan keyboard, dan khususnya …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

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 …

98 twitter-bootstrap  twitter-bootstrap-3 

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 …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

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 

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 …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle Saya menduga bahwa saya akan menyimpan konten formulir dalam fungsi javascript ... Bagaimana cara memuat formulir dalam bootstrap popover?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

Jadi, saya menggunakan kode ini untuk membuka jendela modal lain di jendela modal yang sedang dibuka: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Apa yang terjadi adalah, bahwa untuk 500ms scrollbar akan menggandakan. Saya kira karena modal saat ini masih memudar. Namun terlihat sangat tidak mulus dan gagap. Saya sangat menghargai saran untuk mengatasi …

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3