Pertanyaan yang diberi tag «twitter-bootstrap»

Saya sedang mengerjakan situs web menggunakan bootstrap. Pada dasarnya, saya ingin menggunakan modal di halaman rumah, dipanggil oleh tombol di Unit Pahlawan. Kode tombol: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Kode modal: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> …

204 twitter-bootstrap  modal-dialog 

Saya baru mengenal Bootstrap dan terjebak dengan masalah ini. Saya memiliki bidang input dan segera setelah saya memasukkan hanya satu digit, fungsi dari onChangedipanggil, tetapi saya ingin itu dipanggil ketika saya menekan 'Enter ketika seluruh nomor telah dimasukkan. Masalah yang sama untuk fungsi validasi - panggilannya terlalu cepat. var inputProcent …

204 javascript  twitter-bootstrap  reactjs 

Apakah ada cara untuk meningkatkan titik di mana bootstrap 3 navbar runtuh (yaitu sehingga jatuh ke drop-down pada tablet potret)? Keduanya berlaku untuk bootstrap 2 tetapi tidak sekarang! Bagaimana cara mengubah ambang batas navbar menggunakan Twitter bootstrap-responsif? Ubah breakpoint navbar responsif default

202 twitter-bootstrap  twitter-bootstrap-3  navbar 

Apa cara terbaik untuk merancang formulir yang terlihat seperti ini (lihat tautan di bawah) di bootstrap twitter tanpa kelas buatan sendiri? Apakah mungkin untuk mengatur form-inline di dalam form-horizontal seperti contoh di bawah ini:

200 html  forms  twitter-bootstrap 

Saya ingin 1 gambar lebih besar dengan 4 gambar kecil dalam format 2x2 seperti ini: Pikiran awal saya adalah untuk menyimpan semuanya dalam satu baris. Lalu buat dua kolom, dan, di kolom kedua, buat dua baris dan dua kolom untuk membuat efek 1x1 dan 2x2. Namun, ini sepertinya tidak mungkin, …

196 css  html  twitter-bootstrap  grid  grid-system 

Saya sudah mulai menggunakan Bootstrap untuk mencapai desain halaman yang bagus tanpa menggunakan GWT (backend dibuat di java) Untuk layar login saya, saya menyalin contoh ini . Sekarang saya ingin menandai kesalahan, misalnya, bahwa nama pengguna dibiarkan kosong. Jadi saya bertanya-tanya apa prosedur dalam kerangka Bootstrap untuk ini. Atau mungkin …

194 twitter-bootstrap 

Saya mendesain halaman menggunakan Bootstrap 3. Saya mencoba menggunakan popover dengan placement: rightpada elemen input. Bootstrap baru memastikan bahwa jika Anda menggunakan form-controlAnda pada dasarnya memiliki elemen input lebar penuh. Kode HTML terlihat seperti ini: <div class="row"> <div class="col-md-6"> <label for="name">Name:</label> <input id="name" class="form-control" type="text" data-toggle="popover" data-trigger="hover" data-content="My popover content.My …

192 css  twitter-bootstrap  twitter-bootstrap-3  popover 

Di bootstrap Twitter, lihat dokumentasi modals . Saya tidak bisa mencari tahu apakah ada cara untuk mendengarkan acara tutup modal dan menjalankan fungsi. mis. mari kita ambil modal ini sebagai contoh: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <a href="#" …

191 jquery  twitter-bootstrap  modal-dialog 

Adakah yang tahu cara mengubah Bootstrap input:focus? Cahaya biru yang muncul saat Anda mengklik inputbidang?

191 html  css  twitter-bootstrap 

Tombol Twitter Bootstrap memiliki status yang bagus Loading.... Masalahnya adalah itu hanya menampilkan pesan seperti Loading...melewati data-loading-textatribut seperti ini: <button type="button" class="btn btn-primary start" id="btnStartUploads" data-loading-text="@Localization.Uploading"> <i class="icon-upload icon-large"></i> <span>@Localization.StartUpload</span> </button> Melihat Font Awesome, Anda melihat bahwa sekarang ada ikon pemintal animasi . Saya mencoba mengintegrasikan ikon pemintal itu ketika …

191 button  twitter-bootstrap  icons  loading  font-awesome 

Saya agak terjebak dengan masalah CSS saat menggunakan Bootstrap. Saya juga menggunakan JS Angular dengan Angular UI.bootstrap (yang mungkin menjadi bagian dari masalah). Saya membuat situs web yang menampilkan data dalam sebuah tabel. Terkadang, data berisi objek yang harus saya tampilkan dalam tabel. Jadi saya ingin menempatkan tabel tanpa batas …

191 html  css  twitter-bootstrap 

Saya menggunakan Bootstrap Twitter pada sebuah proyek. Serta gaya bootstrap default saya juga menambahkan beberapa dari saya sendiri //My styles @media (max-width: 767px) { //CSS here } Saya juga menggunakan jQuery untuk mengubah urutan elemen tertentu pada halaman ketika lebar viewport kurang dari 767px. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() …

186 jquery  css  twitter-bootstrap  media-queries 

Untuk kehidupan saya, saya tidak bisa mendapatkan tombol bootstrap twitter ini untuk membungkus teks ke beberapa baris, mereka muncul seperti itu. Saya tidak dapat memposting gambar, jadi ini yang dilakukannya ... [Ini teks teks] Saya ingin terlihat seperti [Ini adalah ] [tombol teks] <div class="col-lg-3"> <!-- FIRST COL --> <div …

186 html  css  twitter-bootstrap  web 

Saya perlu bahwa tampilan menunjukkan di atas modal pertama, bukan di belakang. Tampilkan cuplikan kode $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the dialog / …

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

Saya telah melihat beberapa pertanyaan terkait dengan bootstrap modals, tetapi tidak ada yang persis seperti ini, jadi saya akan melanjutkan. Saya memiliki modal yang saya sebut onclick seperti ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); Ini berfungsi dengan baik, tetapi ketika saya menunjukkan modal saya ingin fokus pada elemen input pertama ... Mungkin …

182 javascript  twitter-bootstrap  modal-dialog