Pertanyaan yang diberi tag «twitter-bootstrap»

Saya ingin membuat blok berwarna 100% bergantian. Situasi "ideal" diilustrasikan sebagai keterikatan, serta situasi saat ini. Setup yang diinginkan: Saat ini: Ide pertama saya adalah membuat kelas div, memberinya warna latar belakang, dan memberikan lebar 100%. .block { width: 100%; background: #fff; } Namun, Anda dapat melihat bahwa ini jelas …

96 css  twitter-bootstrap  width 

<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 

Aplikasi ASP.NET MVC4 Bootstrap 3 berjalan dari Microsoft Visual Studio Express 2013 untuk Web IDE. Konsol Chrome selalu menampilkan kesalahan http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) File ini ada di direktori font di Solution Explorer. Tindakan build diatur ke "Konten" dan …

95 asp.net-mvc  twitter-bootstrap  visual-studio  asp.net-mvc-4  glyphicons 

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 

Saya baru saja membuat merek baru angular-cliproyek dan menjalankan npm install bootstrap@4.0.0-beta jquery popper.js --save dan mengubah bagian terkait .angular-cli.json seperti di bawah ini "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], namun menerima kesalahan di bawah 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports …

95 twitter-bootstrap  angular  webpack  popper.js 

Saya butuh bantuan untuk memperbaiki masalah, saya perlu memusatkan konten di dalam kolom di bootstrap4, silakan temukan kode saya di bawah ini <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

Saya menggunakan Twitter Bootstrap 2.0.1 dalam proyek Rails 3.1.2, diimplementasikan dengan bootstrap-sass. Saya memuat file bootstrap.cssdan bootstrap-responsive.cssfile, sertabootstrap-collapse.js Javascript. Saya memiliki layout fluid dengan navbar yang mirip dengan contoh . Ini mengikuti petunjuk "variasi responsif" navbar di sini . Ini berfungsi dengan baik: jika halaman lebih sempit dari sekitar 940px, …

94 css  ruby-on-rails-3  twitter-bootstrap 

Saat saya memicu tampilan modal di halaman saya, ini memicu bilah gulir menghilang. Ini adalah efek yang mengganggu karena halaman latar belakang mulai bergerak saat modal bergerak masuk / menghilang. Apakah ada obat untuk efek itu?

94 javascript  twitter-bootstrap  modal-dialog 

Saya telah membaca berbagai pertanyaan yang dijawab di Stack tentang Twitter Bootstrap dan boilerplate HTML5. Saya tahu yang berikut: Bootstrap dan H5BP tidak setara dan digunakan untuk tujuan yang berbeda Saya tahu untuk apa Bootstrap digunakan, saya menggunakannya setiap hari - Ini adalah kerangka kerja front-end, CSS dan JS siap …

94 twitter-bootstrap  html5boilerplate 

Mengalami masalah dengan bootstrap, jadi bantuan akan sangat membantu. Terima kasih Yang saya mau: (bagian atas) Kode saya saat ini: <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> Tangkapan Layar Saat Ini:

94 twitter-bootstrap  twitter-bootstrap-3 

Ini kode saya: <div class="container"> <div> <h1>Welcome TeamName1</h1> asdf <hr> asdf </div> </div> <!-- /container --> Tag hr tampaknya tidak berfungsi seperti yang saya harapkan. Alih-alih menggambar garis, itu menciptakan celah, seperti:

94 twitter-bootstrap 

Silakan lihat gambar berikut, kami menggunakan korsel bootstrap untuk memutar gambar. Namun, jika lebar jendela besar, gambar tidak sejajar dengan tepi dengan benar. Tetapi contoh carousel yang disediakan oleh bootstrap selalu berfungsi dengan baik, tidak peduli lebar jendelanya. Mengikuti kodenya. Adakah yang bisa menjelaskan mengapa carousel berperilaku berbeda? Apakah ini …

93 javascript  jquery  twitter-bootstrap  carousel 

Saya memiliki modal bootstrap 2.32 yang saya coba masukkan secara dinamis ke HTML tampilan lain. Saya bekerja dengan Codeigniter 2.1. Mengikuti secara dinamis memasukkan tampilan parsial modal bootstrap ke dalam tampilan , saya punya: <div id="modal_target"></div> sebagai div target untuk penyisipan. Saya memiliki tombol dalam tampilan saya yang terlihat seperti: …

93 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-2 

Saya mencoba membuat submenu bootstrap twitter di menu dropdown, tetapi saya mendapat masalah: Saya memiliki menu dropdown di sudut kanan atas halaman dan menu itu memiliki satu submenu lagi. Namun, saat submenu terbuka - submenu tidak muat di jendela dan terlalu banyak ke kanan, sehingga pengguna hanya dapat melihat huruf …

93 javascript  jquery  css  twitter-bootstrap 

Ini semakin menjengkelkan - ketika saya mengklik item di dropdown Bootstrap, dropdown tidak menutup. Saya sudah menyiapkannya untuk membuka lightbox Facebox saat Anda mengklik item dropdown tetapi ada masalah dengannya. Apa yang telah saya coba Saat item diklik, saya mencoba melakukan ini: $('.dropdown.open').removeClass('open'); $('.dropdown-menu').hide(); Itu menyembunyikannya, tapi karena alasan tertentu …

93 jquery  twitter-bootstrap