Pytania otagowane jako bootstrap-4

Potrzebuję pomocy w rozwiązaniu problemu, muszę wyśrodkować zawartość w kolumnie w programie bootstrap4, proszę znaleźć mój kod poniżej <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

98 twitter-bootstrap  flexbox  bootstrap-4 

Buduję aplikację internetową przy użyciu Bootstrap 4 i napotykam na dziwne problemy. Chcę wykorzystać klasę odpowiadającą tabeli Bootstrap, aby umożliwić poziome przewijanie tabel na urządzeniach mobilnych. Na urządzeniach stacjonarnych tabela powinna zajmować 100% szerokości zawierającego DIV. Gdy tylko zastosuję klasę .table-responsive do mojego stołu, zmniejsza się on w poziomie i …

97 css  bootstrap-4 

Czy bootstrap 4 ma wbudowaną poziomą przegrodę? Mogę to zrobić, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Ale chcę użyć wbudowanego css bootstrap, nie mogę go znaleźć nigdzie w dokumentacji, może mi go brakuje.

94 html  css  bootstrap-4  twitter-bootstrap-4 

Czy można zmienić kolor podstawowy bootstrapa na kolor marki? W moim przypadku używam papierowego motywu Bootswatch.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Nie mogę …

92 css  twitter-bootstrap  bootstrap-4 

Obecnie mam coś takiego: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Zakładając, że contentbyły to pudełka o różnej wysokości i tej samej szerokości - jak mógłbym zachować ten sam „układ oparty na siatce”, a jednocześnie mieć …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Zerknąłem na jeden z przykładów Bootstrap, które używają klas card-decki card( przykład cenowy ). Zastanawiałem się, jak można naprawić wyrównanie przycisków, jeśli jedna z list ma mniej elementów niż inne. Chciałbym, aby wszystkie przyciski były wyrównane w pionie (na dole każdej karty), ale nie mogłem wymyślić, jak to zrobić. Próbowałem …

86 html  css  twitter-bootstrap  bootstrap-4 

Mam 3 kolumny, które chcę zamówić na różne sposoby na komputerze i telefonie komórkowym. Obecnie mój gird wygląda tak: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> Uruchom fragment koduHide resultsRozwiń fragment W widoku mobilnym chcę mieć następujące dane wyjściowe: …

80 css  bootstrap-4  grid 

Pracuję nad prostą aplikacją rozruchową z reakcją sprężynową, ale z powodu problemu z GitHub odtwarzam pliki startowe aplikacji za pomocą IntelliJ i instaluję moduły węzłów, korzystając z danych zależności pliku package.json poprzedniej aplikacji. Jeśli użyję zwijanego paska nawigacyjnego (pasek hamburgera -> responsywne paski nawigacyjne, które zwiną się w widoku mobilnym) …

27 javascript  jquery  reactjs  bootstrap-4 

W Angular 9 (przy użyciu Bootstrap 4 i Jquery 3.5.1). po kliknięciu przycisku zwinięcia programu ładującego pojawia się błąd w konsoli przeglądarki zamiast menu rozwijanego . Naprawdę nie wiem, skąd dokładnie wziął się ten błąd. Can't convert object to primitive value(zone-evergreen:171). Uncaught Type Error: Cannot convert object to primitive value(zone-evergreen.js:171 …

26 bootstrap-4  angular9 

Mam poważne problemy z uzyskaniem zawartości paska bocznego / nawigacji (za pomocą Bootstrap), aby domyślnie wyświetlać (być rozwijana) na komputerze i domyślnie zamykać na urządzeniach mobilnych, a ikona wyświetla się tylko na urządzeniach mobilnych. Nie mogę tego zrobić. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" …

9 javascript  html  css  bootstrap-4  responsive-design 

ERROR in node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - błąd TS1086: Nie można zadeklarować akcesorium w kontekście otoczenia. 191 zestaw ngbPanelToggle (panel: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - błąd TS1086: Nie można zadeklarować akcesorium w kontekście otoczenia. 28 skoncentrowany (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - błąd TS1086: Nie można zadeklarować akcesorium w …

9 angular  bootstrap-4  ng-bootstrap