Pytania otagowane jako twitter-bootstrap

Zajmuję się tworzeniem strony internetowej, w której korzystam z platformy Bootstrap Framework Twittera i jej kart Bootstrap JS . Działa świetnie, z wyjątkiem kilku drobnych problemów, z których jednym jest to, że nie wiem, jak przejść bezpośrednio do konkretnej karty z linku zewnętrznego. Na przykład: <a href="facility.php#home">Home</a> <a href="facility.php#notes">Notes</a> powinien …

358 javascript  html  tabs  twitter-bootstrap 

Jak mogę stylizować kolor, rozmiar i cień ikon w ikonach Font Awesome ? Na przykład witryna Font Awesome wyświetli niektóre ikony na biało, a niektóre na czerwono, ale nie pokaże, CSSjak je stylizować w ten sposób ...

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

Korzystam z bootstrap na mojej stronie i mam problemy ze stałym paskiem nawigacyjnym. Kiedy używam zwykłego paska nawigacyjnego, wszystko jest w porządku. Jednak gdy próbuję zmienić go na stały pasek nawigacyjny, cała inna zawartość witryny przesuwa się w górę, tak jakby paska nawigacyjnego nie było, a pasek nawigacyjny nakłada się …

347 html  twitter-bootstrap 

Problem: Usuń dopełnienie / margines po prawej i lewej stronie col-md- * w Bootstrap 3. Kod 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"> …

342 css  twitter-bootstrap  html 

Jak wyrównać element paska nawigacyjnego do prawej? Chcę mieć login i zarejestrować się po prawej stronie. Ale wszystko, co próbuję, nie działa. Do tej pory próbowałem: <div>wokół <ul>z atrybutem:style="float: right" <div>wokół <ul>z atrybutem:style="text-align: right" wypróbowałem te dwie rzeczy na <li>tagach próbowałem tych wszystkich rzeczy jeszcze raz z !importantdodanym na końcu …

341 css  twitter-bootstrap  flexbox  bootstrap-4  navbar 

Jak mogę dodać glifikon do pola wprowadzania tekstu? Na przykład chcę mieć „icon-user” przy wprowadzaniu nazwy użytkownika, coś takiego:

340 css  twitter-bootstrap  glyphicons 

Kiedy używam select2 (input) w modal bootstrap, nie mogę nic w nim wpisać. To jest jak niepełnosprawny? Poza modułem select2 działa dobrze. Przykład działania: http://jsfiddle.net/byJy8/1/ kod: <!-- 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 id="myModalLabel">Panel</h3> </div> <div class="modal-body" …

338 jquery  twitter-bootstrap  jquery-select2 

Szukam sposobu, aby pionowo wyśrodkować containerdiv wewnątrz jumbotroni ustawić go na środku strony. .jumbotronMusi być przystosowane do pełnej wysokości i szerokości ekranu. .containerDiv ma szerokość 1025pxi powinny być w środku strony (pionowo w środku). Chcę, aby ta strona dostosowała jumbotron do wysokości i szerokości ekranu wraz z pojemnikiem pionowo wyśrodkowanym …

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

Bootstrap 3 wciąż jest w wersji RC, ale właśnie próbowałem go zaimplementować. Nie mogłem wymyślić, jak umieścić klasę podmenu. Nawet nie ma klasy w css i nawet nowe dokumenty nic o tym nie mówią Było tam w wersji 2.x z nazwą klasy jako podmenu

324 css  twitter-bootstrap  twitter-bootstrap-3  submenu 

Próbuję wyśrodkować mój kontener na środku strony za pomocą Bootstrap 4. Do tej pory mi się nie powiodło. Każda pomoc będzie mile widziana. Zbudowałem go na Codepen.io , abyście mogli się nim bawić i dać mi znać, jak działa mój pomysł ... Pokaż fragment kodu var currentAuthor = ""; var …

322 html  css  twitter-bootstrap  flexbox  bootstrap-4 

Zazwyczaj znam technikę opróżniania stopki za pomocą css. Ale mam problem z uzyskaniem takiego podejścia do bootstrapu na Twitterze, najprawdopodobniej z powodu tego, że bootstrap z Twittera ma charakter responsywny. Korzystanie z bootstrapu na Twitterze Nie jestem w stanie uzyskać stopki, aby zejść na dół strony, stosując podejście opisane w …

306 css  twitter-bootstrap  footer 

Jeśli mam pasek nawigacyjny w bootstrapie z przedmiotami Home | About | Contact Jak ustawić aktywną klasę dla każdej pozycji menu, gdy są one aktywne? To znaczy, jak mogę ustawić, class="active"kiedy trasa kątowa jest na #/ dla domu #/about na stronie z informacjami #/contact na stronie kontaktowej

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

Dlaczego przyciski i wejścia nie są dobrze dopasowane w Bootstrap? Próbowałem czegoś prostego, takiego jak: <input type="text"/><button class="btn">button</button> Przycisk jest 5pxmniej więcej niż wejście w chrome / firefox.

299 css  twitter-bootstrap 

Przeglądając bootstrap, wygląda na to, że obsługują zwijanie elementów paska menu dla mniejszych ekranów. Czy jest coś podobnego do innych elementów na stronie? Na przykład mam pigułki nawigacyjne płynące w prawo. Na małym ekranie powoduje to problemy. Chciałbym przynajmniej umieścić go w podobnym menu rozwijanym „kliknij, aby pokazać”. Czy jest …

298 html  css  twitter-bootstrap  responsive-design 

Mam ten kod Bootstrap na Twitterze <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