Pytania otagowane jako twitter-bootstrap-3

Bootstrap 3 to trzecia generacja frameworka front-end, umożliwiająca szybsze tworzenie stron internetowych o atrakcyjnym wyglądzie i działaniu. Używaj z tagiem [twitter-bootstrap]

30
Wyśrodkuj kolumnę za pomocą Twitter Bootstrap 3
Jak wyśrodkować div o rozmiarze jednej kolumny w kontenerze (12 kolumn) w programie Bootstrap 3 na Twitterze ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Uruchom fragment koduUkryj wynikiRozwiń fragment kodu Chcę div, .centeredaby klasa była wyśrodkowana w kontenerze. Mogę …
23
wyrównanie w pionie za pomocą Bootstrap 3
Używam Twitter Bootstrap 3 i mam problemy, gdy chcę wyrównać dwa w pionie div, na przykład - link JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> <div class="col-xs-5"> …
6
Co to jest sr-only w Bootstrap 3?
Do czego służy klasa sr-only? Czy to ważne, czy mogę to usunąć? Działa dobrze bez. Oto mój przykład: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> …
8
Pojemnik-płyn kontra pojemnik
Właśnie pobrałem 3.1 i znalazłem w dokumentach ... Zmień dowolny układ siatki o stałej szerokości w układ o pełnej szerokości, zmieniając swój skrajny .containerna .container-fluid. Przyglądając się bootstrap.css, wygląda na to, że .container-fluidjest identyczny .container. Oba mają ten sam CSS i każde wystąpienie .container-fluidjest sparowane .container, a wszystkie klasy kolumn …
17
Jak mogę wyrównać moje przyciski Bootstrap na Twitterze?
Mam tutaj prostą wersję demo: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> Mam nieuporządkowaną listę i dla każdego elementu listy chcę mieć tekst po lewej, a następnie przycisk wyrównany do prawej. Próbowałem użyć metody „pull-right”, ale to całkowicie popsuło wyrównanie. Co ja robię źle?
29
Pasek startowy 3 Pasek nawigacyjny z logo
Chcę użyć domyślnego paska nawigacyjnego Bootstrap 3 z logo obrazka zamiast znaku tekstowego. Jak to zrobić bez powodowania problemów z różnymi rozmiarami ekranu? Zakładam, że jest to wspólny wymóg, ale nie widziałem jeszcze dobrej próbki kodu. Kluczowym wymogiem oprócz akceptowalnego wyświetlania na wszystkich ekranach jest możliwość zwijania menu na mniejszych …
10
Jak wyśrodkować pojemnik pionowo w Bootstrap?
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 …
19
Reaguj J warunkowo stosując atrybuty klasy
Chcę warunkowo wyświetlić i ukryć tę grupę przycisków w zależności od tego, co jest przekazywane z komponentu nadrzędnego, który wygląda następująco: <TopicNav showBulkActions={this.__hasMultipleSelected} /> … __hasMultipleSelected: function() { return false; //return true or false depending on data } … var TopicNav = React.createClass({ render: function() { return ( <div className="row"> …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.