Pertanyaan yang diberi tag «twitter-bootstrap»

Apakah mungkin untuk mengubah warna primer bootstrap agar sesuai dengan warna merek? Saya menggunakan tema kertas bootswatch dalam kasus saya.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Ini adalah pengalaman Bootstrap Twitter pertama saya. Saya telah menambahkan beberapa judul (h1, h2, dll.) Dan disejajarkan di sisi kiri. Bagaimana cara yang benar untuk memusatkan heading?

93 twitter-bootstrap 

Apakah mungkin membuat navigasi sidebar tetap selalu tertuju pada scroll dalam tata letak yang lancar?

92 css  twitter-bootstrap  css-position  fluid-layout 

Saya awalnya membuat aplikasi web dalam HTML, CSS dan JavaScript, kemudian diminta untuk membuatnya lagi di Bootstrap juga. Saya telah melakukan semuanya dengan baik, tetapi saya memiliki tombol sakelar di aplikasi web yang telah berubah kembali ke tombol radio (awalnya kotak centang) alih-alih tombol sakelar yang saya miliki sebelumnya. Kode …

92 javascript  jquery  css  twitter-bootstrap  jqtouch 

Saya menggunakan premailer-rails3permata yang menarik gaya sebaris untuk email html, dan saya mencoba membuatnya berfungsi dengan bootstrap Twitter. https://github.com/fphilipe/premailer-rails3 Sepertinya beberapa gaya masuk dengan benar, tetapi tidak semuanya. Saya bertanya-tanya apakah ada yang memiliki contoh kerja yang bagus untuk mendapatkan css Bootstrap Twitter mereka (dimodifikasi atau tidak) menjadi email html. …

92 html  twitter-bootstrap  html-email 

Saya memiliki kode ini: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

Bagaimana cara memasang tautan pada tombol dengan bootstrap? ada 4 metode dalam dokumentasi bootstrap: <a href="#" class="btn btn-info" role="button">Link Button</a> <button type="button" class="btn btn-info">Button</button> <input type="button" class="btn btn-info" value="Input Button"> <input type="submit" class="btn btn-info" value="Submit Button"> Yang pertama tidak berfungsi untuk saya, tidak ada tombol yang ditampilkan, hanya teks dengan …

92 html  twitter-bootstrap  button  hyperlink 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Tidak tahu …

92 css  twitter-bootstrap  bootstrap-4 

Saya sangat pemula, jadi saya pikir saya mengawasi sesuatu (mungkin jelas) dengan modal bootstrap twitter. Apa yang saya coba lakukan adalah mendapatkan modal untuk meluncurkan hanya di seluler. Ini berfungsi dengan baik dengan menambahkan kelas .visible-phone pada modal div. Sejauh ini bagus. Tapi kemudian saya ingin ini berfungsi, artinya Anda …

91 twitter-bootstrap  modal-dialog 

Saya memiliki bootstrap v3. Saya menggunakan tombol class="active"on navbardan tidak menyala saat saya menekan item menu. Saya tahu bagaimana melakukan ini dengan jQuerydan membangun fungsi klik tetapi saya pikir fungsionalitas ini harus disertakan dalam bootstrap? Jadi mungkin ini masalah JavaScript? Ini adalah header saya dengan file js / css / …

91 javascript  html  twitter-bootstrap  twitter-bootstrap-3 

Saya memiliki modal dan di dalam modal itu, ada dropdown yang menampilkan konten tersembunyi besar, yang berfungsi. Sekarang ketika Anda membuka modal berikutnya, ditumpuk di atas modal pertama dan menutupnya, pengguliran modal di bawahnya menjadi dinonaktifkan. Saya telah membuat contoh lengkap, termasuk langkah-langkah untuk mereplikasi masalah yang saya hadapi. Anda …

91 jquery  html  twitter-bootstrap 

Saat ini saya memiliki sesuatu seperti: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Sekarang asumsikan bahwa, contentadalah kotak dengan tinggi yang berbeda, dengan semua lebar yang sama - bagaimana saya bisa menjaga "tata letak berbasis grid" …

91 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Saya menggunakan kerangka CSS bootstrap Twitter (yang luar biasa). Untuk beberapa pesan kepada pengguna, saya menampilkannya menggunakan lansiran Javascript JS dan CSS. Bagi yang tertarik, dapat ditemukan di sini: http://getbootstrap.com/javascript/#alerts Masalah saya adalah ini; setelah saya menampilkan peringatan kepada pengguna, saya ingin peringatan itu menghilang setelah beberapa waktu. Berdasarkan dokumen …

90 javascript  jquery  css  twitter-bootstrap  alert 

Saya menggunakan Twitter Bootstrap, dan mencoba memusatkan tombol di dalam sel tabel. Saya hanya benar-benar membutuhkannya di tengah secara vertikal. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Silakan lihat JSFiddle saya untuk mengetahui masalahnya. …

90 css  twitter-bootstrap 

Saya mencoba menggunakan tooltip Bootstrap di aplikasi saya. Aplikasi saya menggunakan AngularJS Saat ini, saya memiliki yang berikut ini: <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> Saya pikir saya perlu menggunakan $("[data-toggle=tooltip]").tooltip(); Namun, saya tidak yakin. Meskipun saya menambahkan baris di atas, kode saya …

90 angularjs  twitter-bootstrap  twitter-bootstrap-tooltip