Pertanyaan yang diberi tag «twitter-bootstrap»

Apakah ada cara untuk mengubah animasi jendela Bootstrap Modal Twitter dari efek slide ke fadeIn atau hanya tampilan tanpa Slide? Saya membaca dokumentasi di sini: http://getbootstrap.com/javascript/#modals Tetapi mereka tidak menyebutkan opsi untuk mengubah efek slide body modal.

167 javascript  jquery  jquery-ui  twitter-bootstrap 

Dalam akordeon Bootstrap, alih-alih memerlukan klik pada ateks, saya ingin membuatnya runtuh ketika mengklik di mana saja di panel-headingdiv. Saya menggunakan Bootstrap 3. Jadi, bukannya akordeon, itu hanya panel yang bisa dilipat. Adakah yang tahu bagaimana melakukan seluruh panel yang dapat diklik?

167 twitter-bootstrap  twitter-bootstrap-3 

Saya memiliki elemen berikut: <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> <div class="modal-footer"></div> </div> </div> </div> Ini menunjukkan dialog modal sesuatu seperti ini, pada dasarnya, menempatkan bilah gulir di seluruh modal-dialogdan bukan modal-bodyyang …

164 css  twitter-bootstrap 

Saya membuat tooltip menggunakan Twitter Bootstrap. Tip alat ditampilkan dengan tiga garis. Namun, saya ingin menampilkan tooltip hanya dengan satu baris. Bagaimana cara mengubah lebar ujung alat? Apakah ini khusus untuk Bootstrap Twitter atau untuk tooltips sendiri?

163 twitter-bootstrap  tooltip 

Saya memiliki halaman di mana hanya formulir yang ada dan saya ingin formulir ditempatkan di tengah layar. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> …

163 css  twitter-bootstrap  bootstrap-4  centering 

Saya menggunakan Twitter-Bootstrap dan saya harus dapat mencetak halaman seperti yang terlihat di browser. Saya dapat mencetak halaman lain yang dibuat dengan Twitter-Bootstrap, tetapi sepertinya saya tidak dapat mencetak halaman saya yang menggunakan murni Twitter-Bootstrap. Apakah saya kehilangan tag di suatu tempat? Halaman TB resmi saat dicetak: Halaman saya saat …

162 printing  twitter-bootstrap 

Apa cara terbaik untuk menambahkan spasi putih vertikal menggunakan Bootstrap Twitter? Sebagai contoh, katakanlah saya membuat halaman arahan dan ingin sedikit (100px) spasi kosong di atas dan di bawah tombol tertentu. Jelas, saya bisa membuat kelas tertentu untuk tombol khusus itu. Tapi, saya akan berpikir bahwa Bootstrap harus memiliki cara …

162 twitter-bootstrap  whitespace  vertical-alignment  twitter-bootstrap-2 

Ditutup . Pertanyaan ini didasarkan pada pendapat . Saat ini tidak menerima jawaban. Ingin meningkatkan pertanyaan ini? Perbarui pertanyaan sehingga dapat dijawab dengan fakta dan kutipan dengan mengedit posting ini . Ditutup 5 tahun yang lalu . Perbaiki pertanyaan ini Saya baru-baru ini menemukan Flexboxketika saya sedang mencari solusi untuk …

161 html  css  twitter-bootstrap  flexbox 

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-body"> <%= image_tag "Background.jpg" %> </div> </div> Bagaimana cara membuat modal bootup layar twitter popup layar penuh untuk kode di atas, saya mencoba bermain-main dengan css tetapi tidak bisa mendapatkannya dengan cara yang saya inginkan. Adakah yang bisa membantu saya …

160 css  twitter-bootstrap 

Bootstrap Twitter menggunakan Ikon oleh Glyphicons . Mereka " available in dark gray and white" secara default: Apakah mungkin menggunakan beberapa tipuan CSS untuk mengubah warna ikon? Saya berharap untuk beberapa kecemerlangan CSS3 lain yang akan mencegah harus memiliki ikon gambar yang ditetapkan untuk setiap warna. Saya tahu Anda dapat …

159 css  twitter-bootstrap  sprite  css-sprites 

Saya mencoba mencari cara melakukan kisi-kisi berikut dengan Bootstrap. Saya tidak yakin bagaimana saya membuat kotak (nomor 1) yang membentang dua baris. Kotak-kotak tersebut dihasilkan secara terprogram sesuai dengan urutannya. Kotak 1 adalah pesan selamat datang. Ada ide tentang cara terbaik untuk melakukannya?

158 css  twitter-bootstrap 

Saat ini saya menggunakan fungsi di bawah ini untuk membuat teks yang akan ditampilkan menggunakan plugin toolstrip Bootstrap. Kenapa tooltips multiline hanya bekerja dengan <br>dan tidak \n? Saya lebih suka bahwa tidak ada HTML dalam atribut judul tautan saya. Pekerjaan apa def tooltip(object) tooltip = "" object.each do |user| tooltip …

157 javascript  html  css  twitter-bootstrap 

Saya mencoba menerapkan tab bertumpuk kiri menggunakan plugin Tab jquery di Bootstrap 3 di mana tab diberikan secara vertikal di sebelah kiri konten tab, daripada di atas. Ketika saya mencoba yang berikut ini; <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> </ul> …

157 twitter-bootstrap  tabs  twitter-bootstrap-3 

Apa cara terbaik untuk secara spasial tombol Bootstrap horizontal? Saat ini tombolnya menyentuh: <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> jsfiddle menunjukkan masalah: …

157 html  css  twitter-bootstrap 

Saya mencoba menggunakan fitur Modal dari Bootstrap 3 untuk menampilkan video Youtube saya. Ini berfungsi, tapi saya tidak bisa mengklik tombol apa pun di video Youtube. Ada bantuan untuk ini? Ini kode saya: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> …

157 jquery  css  twitter-bootstrap  youtube  twitter-bootstrap-3