Pytania otagowane jako twitter-bootstrap

Chcę przekazać userNamez listy użytkowników, którzy są userNamezalogowani, do programu ładującego Twittera modal. Używam Grails z angularjs , gdzie dane są świadczone poprzez angularjs . Konfiguracja Moja strona widoku Grails encouragement.gspto <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage …

96 javascript  twitter-bootstrap  grails  angularjs 

Nie mogę zrozumieć, co oznacza poniższy kod pod względem icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Do czego służy icon-bar? Dlaczego istnieją trzy podobne przypadki? Ten kod znajduje się w sekcji paska nawigacji: <div class="navbar-header"> ... </div>

96 html  css  twitter-bootstrap 

Przyciski Twitter-Bootstrap są niesamowicie piękne. Wypróbuj je, przewijając je Ale są ograniczone w kolorach. Czy jest jakiś sposób, żebym mógł zmienić podstawowy kolor przycisku, zachowując jednocześnie piękny efekt najechania kursorem, który dzięki bootstrapowi był tak piękny i łatwy? Jestem całkowicie nieświadomy tego, jak wygląda css / javascript, którego używa twitter …

96 css  button  twitter-bootstrap 

Chcę tworzyć naprzemiennie kolorowe bloki w 100%. Sytuację „idealną” przedstawiono jako przywiązanie, podobnie jak sytuację obecną. Pożądana konfiguracja: W tej chwili: Moim pierwszym pomysłem było utworzenie klasy div, nadanie jej koloru tła i nadanie jej 100% szerokości. .block { width: 100%; background: #fff; } Jednak widać, że to oczywiście nie …

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 Zgaduję, że przechowywałbym zawartość formularza w funkcji javascript ... Jak zawrzeć formularz w wyskakującym okienku bootstrap?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

Aplikacja ASP.NET MVC4 Bootstrap 3 działa z Microsoft Visual Studio Express 2013 dla Web IDE. Konsola Chrome pokazuje zawsze błąd http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) Ten plik istnieje w katalogu czcionek w Eksploratorze rozwiązań. Akcja kompilacji jest ustawiona na „Treść”, …

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

Tak więc używam tego kodu, aby otworzyć inne okno modalne w aktualnie otwartym oknie modalnym: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Dzieje się tak, że przez około 500 ms pasek przewijania będzie się duplikował. Myślę, że obecny modal wciąż zanika. Jednak wygląda to na bardzo nierówne i zacinające się. Byłbym wdzięczny za wszelkie …

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

Właśnie stworzyłem zupełnie nowy angular-cliproject i uruchomiono npm install bootstrap@4.0.0-beta jquery popper.js --save i zmieniono powiązane części pliku .angular-cli.json , jak poniżej "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" ], jednak otrzymując poniższy błąd 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js …

95 twitter-bootstrap  angular  webpack  popper.js 

Kiedy uruchamiam widok modalny na mojej stronie, powoduje to zniknięcie paska przewijania. Jest to denerwujący efekt, ponieważ strona w tle zaczyna się przesuwać, gdy modal wchodzi / znika. Czy jest lekarstwo na ten efekt?

95 javascript  twitter-bootstrap  modal-dialog 

Używam Twitter Bootstrap 2.0.1 w projekcie Rails 3.1.2, zaimplementowanym z bootstrap-sass. Ja ładuje zarówno bootstrap.cssi te bootstrap-responsive.csspliki, jak również bootstrap-collapse.jsJavascript. Mam układ płynny z paskiem nawigacyjnym podobnym do przykładu . Wynika to z navbar instrukcje „reaguje zmiana” tutaj . Działa dobrze: jeśli strona jest węższa niż około 940 pikseli, pasek …

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

Mam problem z bootstrapem, więc pewna pomoc byłaby niesamowita. Dzięki Co chciałbym: (górna część) Mój obecny kod: <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> Bieżący zrzut ekranu:

94 twitter-bootstrap  twitter-bootstrap-3 

Oto mój kod: <div class="container"> <div> <h1>Welcome TeamName1</h1> asdf <hr> asdf </div> </div> <!-- /container --> Znacznik hr nie działa tak, jak bym się spodziewał. Zamiast rysować linię, tworzy lukę, jak na przykład:

94 twitter-bootstrap 

Spójrz na poniższy obraz, używamy karuzeli bootstrap do obracania obrazów. Jednak gdy szerokość okna jest duża, obraz nie jest prawidłowo wyrównany z obramowaniem. Ale przykład karuzeli dostarczony przez bootstrap zawsze działa dobrze, niezależnie od szerokości okna. Postępując zgodnie z kodem. Czy ktoś może wyjaśnić, dlaczego karuzela zachowuje się inaczej? Czy …

93 javascript  jquery  twitter-bootstrap  carousel 

Próbowałem utworzyć podmenu bootstrap dla Twittera w menu rozwijanym, ale mam problem: mam menu rozwijane w prawym górnym rogu strony, a to menu ma jeszcze jedno podmenu. Jednak gdy otwiera się podmenu - nie mieści się w oknie i przesuwa się za bardzo w prawo, dzięki czemu użytkownik widzi tylko …

93 javascript  jquery  css  twitter-bootstrap 

Pierwotnie stworzyłem aplikację internetową w HTML, CSS i JavaScript, a następnie poproszono mnie o utworzenie jej ponownie w Bootstrap. Zrobiłem to dobrze, ale musiałem przełączać przyciski w aplikacji internetowej, które zmieniły się z powrotem na przyciski radia (pierwotnie pole wyboru) zamiast przycisków przełączania, które miałem pierwotnie. Kod przycisków to: <label> …

93 javascript  jquery  css  twitter-bootstrap  jqtouch