Bootstrap 4 to czwarta główna wersja popularnej biblioteki komponentów front-end. Struktura Bootstrap pomaga w tworzeniu responsywnych witryn i aplikacji internetowych przystosowanych do urządzeń mobilnych.

Więcej na temat bootstrap-4...

Próbuję wyświetlić pionową zakładkę wewnątrz Bootstrap 4 Modal. Ale ten sam modalny jest wyświetlany inaczej w przeglądarce Google Chrome i Firefox. Kod używam: <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.m....
25 styczeń 2022, 15:22
Nie jestem w stanie sprawić, by strona była responsywna i poprawnie zmieniła rozmiar w codepen. Robię to z bootstrapem. Zabawne jest to, że działa w moim projekcie repl.it. To jest projekt, który muszę przesłać za pomocą codepen , więc nie mogę do tego użyć repl.it. Zasadniczo, jak sprawić, aby b....
25 styczeń 2022, 07:37
Cześć Mam niestandardowy projekt do wykonania: Obecna implementacja wygląda następująco: Jak mogę zrobić pierwszy przycisk o nazwie manedlig donation i enkel dotacja, aby mieć tę strzałkę za pomocą css? Również nie jestem w stanie wykonać tego samego wyrównania w poziomie i wyglądają na źle wyrówn....
24 styczeń 2022, 19:42
Tworzę formularz wieloetapowy z trzema zakładkami. I mam problemy ze stylem ładowania początkowego pól wejściowych. Tak to wygląda obecnie (https://imgur.com/a/dGk2b7v): Jak widać, pola wejściowe nie są tym, co otrzymasz w programie bootstrap. Gdy je wprowadzisz, pole będzie większe (pokazane w n....
24 styczeń 2022, 13:48
Problem polega na tym, że na stronie ładuje się modalne wyskakujące okienko. Kiedy klikam przycisk zamykania, nie działa. Nie zamyka modu, ale kiedy klikam poza modem, zamyka się. Po prostu chcę, aby modalny zamykał się po kliknięciu przycisku krzyżyka. Możesz użyć tego, co chcesz. <!DOCTYPE h....
24 styczeń 2022, 12:57
Próbuję zawinąć trasy za pomocą składnika układu, aby umieścić całą zawartość w siatce z 12 kolumnami typu bootstrap. Ale nie zawija mojego tekstu wewnątrz składników trasy i otrzymuję ostrzeżenie, że funkcje nie są prawidłowe jako elementy podrzędne React. Oto kod App.js: import './App.css'; impor....
24 styczeń 2022, 12:17
Nie wiem, dlaczego moja karuzela nie działa prawidłowo, czy ktoś może mi powiedzieć, jak rozwiązać ten problem. Mój link do codesandbox :- https://codesandbox.io/ s/nice-heyrovsky-8yucf?file=/src/Podpowiedzi.jsx....
24 styczeń 2022, 12:06
Nie rozumiem, dlaczego col-auto zajmuje więcej miejsca niż minimum wymagane dla jego zawartości. Zobacz ten przykład http://jsfiddle.net/ugt0x5nf/6/. Uwaga, wyrenderowane okno musi zostać poszerzone do > 768px, aby zobaczyć problem. Zobacz, jak ostatnia kolumna z col-md-auto zajmuje więcej miejsca ....
24 styczeń 2022, 00:09
Pracuję nad projektem i muszę nałożyć jedną sekcję na drugą, zachowując taką krzywą Projekt Utworzyłem więc dwie sekcje pierwszą (niebieska) i drugą (szara) i wygląda to tak Przed CSS Używam właściwości translateY, aby podnieść drugą sekcję, ale obejmuje ona pierwszą i tracę krzywą post Css Próbo....
23 styczeń 2022, 01:14
Chcę wyświetlić moją zmienną JavaScript wewnątrz div col. Po prostu nie mogę tego wyświetlić. Nawet z inspektorem nie ma to żadnej wartości. Jeśli jednak wyświetlam go poza każdym divem, to na początku strony działa.. $(document).ready(function() { var firma = "test d.o.o."; document.getEle....
22 styczeń 2022, 11:24
Mam kartę bootstrap (v5.1.3), która zawiera pole autouzupełniania przy użyciu TokenInput jQuery. Wszystko działa, ale nie mogę uzyskać dostępu do pierwszego elementu pola za pomocą kursora. Mam do niego dostęp za pomocą klawiszy strzałek i enter. Kiedy usunę pole wejściowe poza kartą, to działa. ....
22 styczeń 2022, 01:18
Używam bootstrap i dostosowałem akordeon do stołu, działa idealnie, z wyjątkiem ikony, gdy "toggle open" wyświetla obramowanie-dół, które chciałbym usunąć. To prawdopodobnie coś, co gdzieś odziedziczyło, ale nie mogę tego rozgryźć. Problem: Po złożeniu działa dobrze: Oto kod tabel: <!-- languag....
22 styczeń 2022, 00:59
Kiedy używam kontenera-fluidu, pozostawia on trochę miejsca po prawej stronie mojej strony internetowej. Jestem całkiem nowy w bootstrapie, więc jeśli ktoś może mi pomóc, byłoby to bardzo mile widziane. <div class="container-fluid" style="border: solid 1px blue"> <div class="row"> <d....
20 styczeń 2022, 12:49
Mam stronę zrobioną w bootstrap, adres URL to tu wpisz opis linku Mam problemy z wyrównaniem na stronie głównej, większość sekcji koliduje ze sobą, musiałem zrobić to, co poniżej, aby te sekcje przestały się kolidować: <section class="ds gallery-3 s-py-70 s-py-lg-100 s-py-xl-150" id="chinnu1" styl....
20 styczeń 2022, 12:17
Chcę stworzyć zakres taki jak na poniższym obrazku: Oto mój kod: <div class="form-group"> <label for="distance" class="form-label">Aranılan lokasyona uzaklık</label> <div class="distance"> <output>40 </output> <span>km uzaklık</span> </div> <....
18 styczeń 2022, 12:48
Stworzyłem podstawową stronę internetową, aby poprawić moje umiejętności front-endowe. Użyłem Bootstrap 5, aby był responsywny, ale nie wygląda dobrze na telefonie. Czy ktoś może mi powiedzieć, co zrobiłem źle? Na moim urządzeniu mobilnym wygląda to tak: wprowadź opis obrazu tutaj Kiedy zmniejszy....
18 styczeń 2022, 00:23
Próbuję dodać tag semantyczny HTML <article> do mojego kodu Bootstrap 4 dla kart. Karty również używają h-100, aby były równej wysokości wzdłuż row. Jednak gdy dodaję tag, zamiast zachować jednakową wysokość, każda karta staje się zależna od jej zawartości. Próbowałem dodać tag artykułu przed kartą....
17 styczeń 2022, 06:19
Użyłem kodu komponentu paska nawigacyjnego Bootstrap 5, chcę renderować obraz robot.svg w pasku nawigacyjnym. Ale dlaczego plik robot.svg nie jest renderowany w tym kodzie? Umieściłem plik robot.svg w folderze views. Ten kod znajduje się w pliku header.esj w folderach częściowych. <!DOCTYPE html>....
17 styczeń 2022, 06:13
Tworzę stronę internetową typu „React-bootstrap” i zastanawiam się, czy powinienem dołączyć folder node_modules, gdy będę publikować witrynę na platformie hostingowej, czy jest inny sposób? Nigdy wcześniej nie publikowałem strony internetowej z wieloma zależnościami....
16 styczeń 2022, 23:30
Chcę, aby rozwijana karetka była widoczna, co obecnie nie ma miejsca. Chcę, aby zarówno <select>, jak i <button> miały promień kołowy, jak pokazano na obrazku. .top-select{ width: 70%; padding-left: 10px; border-top-left-radius: 50px !important; border-bottom-left-radius: 50px !import....
15 styczeń 2022, 15:31
Obecnie używam komponentów bootstrap (4.3.1), ale chciałbym użyć pełnego przykładu: https ://getbootstrap.com/docs/4.1/examples/dashboard/ Ale nie ma zbyt wielu wyjaśnień, aby z niego korzystać, poza pobraniem kodu źródłowego, ale jest tak wiele plików, że gubię się. Przeczytałem dokumentację (htt....
14 styczeń 2022, 17:05
Wybacz mojemu nowicjuszowi, bo jestem dopiero początkującym. Chcę przenieść następujące pola wyboru, które wyświetlają się pionowo w mojej witrynie, aby były wyrównane obok siebie, a nie ułożone jeden na drugim. Wiem, że mam je z rzędu div, ale pola wyboru zachowują się w ten sam sposób. W każdym....
13 styczeń 2022, 23:11
Jeśli mam fragment kodu emmet taki jak ten: .row>.col>(.row>.col.bg-sucess>br*2)+(.row>.col.bg-danger>br)+(.row>.col.bg-warning*3) I kopiuję i wklejam to z dowolnego miejsca do mojego vscode, nie jest wykrywane jako fragment kodu emmet. Więc zwykle muszę to napisać sam, aby emmet to wykrył. Czy jes....
13 styczeń 2022, 13:33
Oto mój kod: <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix modal-footer"> <div class="ui-dialog-buttonset"> <button type="button" class="btn btn-mini btn-info">Yes</button> <button type="button" class="btn btn-mini btn-info">No</button> </div> </div> To, czego potrzebuję, to....
13 styczeń 2022, 11:08
Zmagam się z flexbox i szukam pomocy w uruchomieniu paska nawigacyjnego. Mam następujący kod, który powinien mieć moje logo + tytuł po lewej stronie paska nawigacyjnego i menu opcji po prawej stronie. Masz pomysł, dlaczego mój Flexbox jest wyrównany do lewej strony, a item--4 nie unosi się w prawo?....
12 styczeń 2022, 17:58