Pertanyaan yang diberi tag «twitter-bootstrap»

Saya sedang mengembangkan halaman web di mana saya menggunakan Bootstrap Framework Twitter dan Bootstrap Tabs JS mereka . Ini berfungsi dengan baik kecuali untuk beberapa masalah kecil, salah satunya adalah saya tidak tahu bagaimana masuk langsung ke tab tertentu dari tautan eksternal. Sebagai contoh: <a href="facility.php#home">Home</a> <a href="facility.php#notes">Notes</a> harus pergi …

358 javascript  html  tabs  twitter-bootstrap 

Bagaimana saya bisa mendesain warna, ukuran dan bayangan ikon dari Font Awesome's Icons ? Misalnya, situs Font Awesome akan menampilkan beberapa ikon dalam warna putih dan beberapa berwarna merah tetapi tidak akan menunjukkan CSSbagaimana cara menatanya seperti itu ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

Saya menggunakan bootstrap di situs saya dan saya mengalami masalah dengan navbar fixed top. Ketika saya hanya menggunakan navbar biasa, semuanya baik-baik saja. Namun, ketika saya mencoba untuk beralih ke navbar fixed top, semua konten lain di situs bergeser seperti navbar tidak ada dan navbar tumpang tindih. ini pada dasarnya …

347 html  twitter-bootstrap 

Masalah: Hapus padding / margin di kanan dan kiri col-md- * di Bootstrap 3. Kode HTML: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> …

342 css  twitter-bootstrap  html 

Bagaimana cara menyelaraskan item navbar ke kanan? Saya ingin memiliki login dan mendaftar di sebelah kanan. Tapi semua yang saya coba sepertinya tidak berhasil. Inilah yang saya coba sejauh ini: <div>sekitar <ul>dengan atribut:style="float: right" <div>sekitar <ul>dengan atribut:style="text-align: right" mencoba kedua hal itu pada <li>tag mencoba semua hal itu lagi dengan …

342 css  twitter-bootstrap  flexbox  bootstrap-4  navbar 

Bagaimana saya bisa menambahkan glyphicon ke kotak input jenis teks? Misalnya saya ingin memiliki 'ikon-pengguna' di input nama pengguna, sesuatu seperti ini:

340 css  twitter-bootstrap  glyphicons 

Ketika saya menggunakan select2 (input) dalam modal bootstrap, saya tidak bisa mengetikkan apa pun ke dalamnya. Ini seperti dinonaktifkan? Di luar modal, select2 berfungsi dengan baik. Contoh kerja: http://jsfiddle.net/byJy8/1/ kode: <!-- Modal --> <div id="myModal" class="modal hide fade" 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> <h3 …

338 jquery  twitter-bootstrap  jquery-select2 

Saya sedang mencari cara untuk memusatkan containerdiv secara vertikal di dalam jumbotrondan untuk meletakkannya di tengah halaman. The .jumbotronharus disesuaikan dengan tinggi penuh dan lebar layar. The .containerdiv memiliki lebar 1025pxdan harus di tengah-tengah halaman (vertikal pusat). Saya ingin halaman ini memiliki jumbotron yang disesuaikan dengan tinggi dan lebar layar …

334 html  css  twitter-bootstrap  twitter-bootstrap-3  vertical-alignment 

Bootstrap 3 masih di RC, tetapi saya hanya mencoba mengimplementasikannya. Saya tidak tahu bagaimana cara menempatkan kelas sub menu. Bahkan tidak ada kelas dalam css dan bahkan dokumen baru tidak mengatakan apa-apa tentang itu Itu ada di 2.x dengan nama kelas sebagai dropdown-submenu

324 css  twitter-bootstrap  twitter-bootstrap-3  submenu 

Saya mencoba memusatkan Container saya di tengah halaman menggunakan Bootstrap 4. Saya sejauh ini tidak berhasil. Bantuan apa pun akan dihargai. Saya telah membangunnya di Codepen.io sehingga kalian dapat bermain dengannya dan biarkan saya tahu apa yang berhasil karena saya kehabisan ide ... Tampilkan cuplikan kode var currentAuthor = ""; …

322 html  css  twitter-bootstrap  flexbox  bootstrap-4 

Saya biasanya terbiasa dengan teknik pembilasan footer menggunakan css. Tetapi saya mengalami masalah dalam mendapatkan pendekatan ini untuk bootstrap Twitter, kemungkinan besar karena bootstrap Twitter responsif. Menggunakan bootstrap Twitter saya tidak bisa mendapatkan footer untuk menyiram ke bagian bawah halaman menggunakan pendekatan yang dijelaskan dalam posting blog di atas.

306 css  twitter-bootstrap  footer 

Jika saya memiliki navbar di bootstrap dengan item Home | About | Contact Bagaimana cara mengatur kelas aktif untuk setiap item menu ketika mereka aktif? Yaitu, bagaimana saya bisa mengatur class="active"ketika rute sudut berada di #/ untuk rumah #/about untuk halaman tentang #/contact untuk halaman kontak

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

Mengapa tombol dan input tidak selaras dengan baik di Bootstrap? Saya mencoba sesuatu yang sederhana seperti: <input type="text"/><button class="btn">button</button> Tombol ini 5pxlebih rendah daripada input di chrome / firefox.

299 css  twitter-bootstrap 

Melihat melalui bootstrap sepertinya mereka mendukung collapsing item menubar untuk layar yang lebih kecil. Apakah ada yang serupa dengan item lain di halaman? Sebagai contoh, saya punya nav-pil melayang tepat. Pada layar kecil ini menyebabkan masalah. Saya ingin setidaknya memasukkannya ke dalam dropdown mirip-untuk-menunjukkan-lebih mirip. Apakah ini mungkin dalam kerangka …

298 html  css  twitter-bootstrap  responsive-design 

Saya punya kode Bootstrap Twitter ini <div class='navbar navbar-fixed-top'> <div class='navbar-inner'> <div class='container'> <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'> <span class='icon-bar'></span> <span class='icon-bar'></span> <span class='icon-bar'></span> </a> <div class='nav-collapse'> <ul class='nav'> <li class='active'> <a href='some_url'>My Home</a> </li> <li> <a href='some_url'>Option 1 </a> </li> <li> <a href='some_url'>Another option</a> </li> <li> <a href='some_url'>Another option</a> …

296 css  twitter-bootstrap