Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Mvrosking

Boostrap 4, modal jest cały przyciemniony.

Promowane odpowiedzi

Cześć, dla jednych to może być bułka z masłem, ale ja nie mogę sobie poradzić z tym problemem. Otóż to gdy otwiera mi się boostrap modal, ściemnia mi się wszystko, a powinno tylko tło. Niżej zdjęcie o co chodzi dokładnie.

blad1.thumb.png.c2e186c4475ee71cebebc56698b03e4a.png

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
<div class="modal fade" id="lsmodsLogin" tabindex="-1" role="document" aria-labelledby="lsmodsLoginName" aria-hidden="true">
					<div class="modal-dialog modal-lg" role="document">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="lsmodsLoginName">Panel użytkownika</h5>
								
								<button type="button" class="close" data-dismiss="modal" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							
							<div class="modal-body">
								<div class="row">
									<div class="col-md-6">
										<div class="card">
											<div class="card-body">
												<h4 class="card-title">Zaloguj się</h4>
												<h6 class="card-subtitle mb-2 text-muted">Jesteś już naszym użytkownikiem? Użyj swoich danych, aby się zalogować.</h6>
												<p class="card-text">
													<form>
														<div class="form-group">
															<label for="login_email">Adres e-mail</label>
															<input type="email" class="form-control" id="login_email" aria-describedby="emailHelp" placeholder="Wpisz swój adres e-mail wpisany podczas rejestracji.">
															<small id="emailHelp" class="form-text text-muted">Nigdy nie podawaj swojego adresu e-mail nikomu.</small>
														</div>
														
														<div class="form-group">
															<label for="login_password">Hasło</label>
															<input type="password" class="form-control" id="login_password" placeholder="Wpisz swoje hasło wpisane podczas rejestracji.">
														</div>
														
														<input type="submit" class="btn btn-primary" value="Zaloguj się"/>
													</form>
												</p>
											</div>
										</div>
									</div>
									
									<div class="hr-vertical"></div>
									
									<div class="col-md-6">
										<div class="card">
											<div class="card-body">
												<h4 class="card-title">Zarejestruj się</h4>
												<h6 class="card-subtitle mb-2 text-muted">Jesteś nowy? Chciałbyś dołączyć do grona użytkowników? Wypełnij ten formularz.</h6>
												<p class="card-text">
													<form>
														<div class="form-group">
															<label for="register_nick">Nazwa użytkownika</label>
															<input type="text" class="form-control" id="register_nick" aria-describedby="emailHelp" placeholder="Wpisz swój adres e-mail.">
															<small id="emailHelp" class="form-text text-muted">Nigdy nie podawaj swojego adresu e-mail nikomu.</small>
														</div>
														
														<div class="form-group">
															<label for="register_email">Adres e-mail</label>
															<input type="email" class="form-control" id="register_email" aria-describedby="emailHelp" placeholder="Wpisz swój adres e-mail.">
															<small id="emailHelp" class="form-text text-muted">Nigdy nie podawaj swojego adresu e-mail nikomu.</small>
														</div>
														
														<div class="form-group">
															<label for="confirm_register_email">Potwierdź adres e-mail</label>
															<input type="email" class="form-control" id="confirm_login_email" placeholder="Wpisz swój adres e-mail ponnownie.">
														</div>
														
														<div class="form-group">
															<label for="register_password">Hasło</label>
															<input type="password" class="form-control" id="register_password" placeholder="Wpisz swoje hasło.">
														</div>
														
														<div class="form-group">
															<label for="confirm_register_password">Hasło</label>
															<input type="password" class="form-control" id="confirm_register_password" placeholder="Wpisz swoje hasło ponnownie.">
														</div>
														
														<input type="submit" class="btn btn-primary" value="Zarejestruj się"/>
													</form>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
							
							<div class="modal-footer">
								<p class="pull-right">LSMods.pl &copy 2017</p>
							</div>
						</div>
					</div>
				</div>

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Wrzuć stronę na jakiś serwer, będzie prościej. Albo jak tego nie chcesz robić to klikasz prawym i "Zbadaj Element" i szukasz problemu.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
30 minut temu, Salva napisał:

Pewnie z-index za wysoki dla overlaya, musisz napisać BS, innego wyjścia nie ma. Dodatkowo zgłoś błąd do developerów BS.

Ale w dokumentacji działała poprawnie więc wątpię czy to błąd BS skoro autor jak wspomniał skopiował CSS.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Utwórz konto

Utwórz konto. To darmowe i bardzo proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się teraz


  • Podobna zawartość

    • Przez Lord Fenrir

       
      Witajcie, jest to kolejny poradnik zaliczający się do kompendium początkującego Web Developera napisany po dość długim odstępie czasu od ostatniego tutoriala, który możecie przeczytać tutaj - Wstęp do RWD jako obowiązkowa lektura każdego Juniora. Ostatnimi czasy przesiadując na wielu grupach dotyczących Front-Endu czy też czytając posty na forach napotkałem problem jakim jest błędne zastosowanie frameworków CSS przez początkujących programistów. Dlatego postanowiłem z moją wiedzą wyjść na przeciw i poruszyć kilka kwestii, które moim zdaniem na podstawie obserwacji nawet tutaj, należy wyjaśnić.
       
      Co to jest ten cały Framework CSS?
      Więc zaczynając od początku, Framework CSS jest to po prostu zbiór gotowych klas CSS, komponentów, interaktywnych elementów, które można od razu wykorzystać na swoją stronę internetową bądź aplikacje bez potrzeby pisania całej struktury i dbania o dostępność, która w dzisiejszych czasach czy tego chcemy czy nie obejmuje więcej niż samą responsywność. Przykładowo podczas wdrążania nawigacji na naszą stronę nie musimy się przejmować tym, że zapomnimy nadać odpowiednie style dla jakiegoś elementu bądź zapomnimy o widoku na średniej wielkości ekranach gdyż każdy framework zrobi to za nas, a my jedynie musimy to dostosować pod nasze wymagania. W dobie dzisiejszego internetu do najpopularniejszych frameworków należą m.in. Bootstrap oraz Foundation, z czego ten pierwszy jakiś czas temu dostał potężnego update, który sprawia, że korzystanie z niego jest jeszcze bardziej przyjemniejsze niż było.
       
       

       
      No dobra, ale co złego jest w stosowaniu takiego narzędzia?
      Hmm... wszystko i nic. Przede wszystkim warto sobie to zapisać i zapamiętać, że wszystkie frameworki i już nie tylko CSS, ale poradnik skupia się na nich więc nie będę wybiegał poza obszar tematyczny, pomagają zbudować szybko i dokładnie stronę czy aplikacje bez dokładnej znajomości języka HTML czy CSS. Więc o co ten cały szum? Otóż jako Front-End Dev (tylko i wyłącznie) będziesz pisał projekty, które nie będą korzystały z takich pomocy jak Bootstrap, sam będziesz musiał zadbać o to aby aplikacja czy też strona miała pełną dostępność i tutaj kłania się sposób stosowania frameworka. Jeżeli dopiero uczysz się CSS-a czy HTML-a i nie masz dużego doświadczenia w budowaniu witryn, to nie używaj klocków, które oferują frameworki gdyż w ten sposób poza bezmyślnym kopiowaniem nie nauczysz się sposobu działania i zachowywania danego komponentu. A jak wspomniałem wcześniej trafi się projekt, w którym zamiast korzystać z gotowych rozwiązań sam będziesz musiał bądź musiała zaprojektować strukturę i logikę tak, by później Twój twór stał się gotowcem, z którego inni będą korzystać. Dodatkowo wielu początkujących Developerów robi jeden, ten sam błąd. Decydując się na instalację i używanie frameworka importują jego całą zawartość mimo, że w rzeczywistości wykorzystują tylko kilka procent z tego co oferuje. Tylko po co? Wszystkie znane mi frameworki oferują możliwość dowolnego dostosowania narzędzia po przez wybranie tego co jest nam niezbędne do budowy strony, tak jak to było wygodne w przypadku Bootstrapa 3.
       
      Programiści to lenie!
      Tak. Jesteśmy leniami i wiele rzeczy nam się nie chce bądź coś nam się nie podoba i właśnie z takich przypadkach rodzą się frameworki, które ułatwiają wykonanie pewnej czynności. Narzędzia te skracają czas tworzenia dzięki czemu można skupić się na funkcjonalności niż wyglądzie, ale w przypadku gdy dopiero zaczynamy i nie posiadamy wystarczającej wiedzy pozwalającej stworzyć dokładnie ten sam komponent bez korzystania z frameworka, to musimy niestety zacisnąć zęby i opanować podstawy, które później pomogą nam zrozumieć zasadę działania komponentów we frameworkach.
       
      Podsumowanie
      Na pewno poradnik ten różnicy się znacznie od pozostałych. Nie wyjaśnia dosłownie jak czegoś używać, a jedynie stara się wytłumaczyć dlaczego tak, a nie inaczej. Myślę, że to świetna odskocznia i idealnie pasuje do głównej myśli jaka nasuwa się czytając cały tutorial, a dokładnie mówiąc - Żeby podczas nauki nie kopiować bezmyślnie linijek kodu. Różne frameworki są na pewno dobrymi i ciekawymi narzędziami, które znacznie ułatwiają i przyspieszają pracę, ale też nie są zalecana do używania przez każdego, a już na pewno nie przez kogoś kto o kodowaniu witryn i aplikacji ma pojęcie znikome. Dlatego mówię i będę prawdopodobnie to mówić, ale używanie frameworka w celach edukacyjnych ma się nijak do efektów, które chce się osiągnąć.
       
      Podziękowania dla @El Profesor za text review.
    • Przez lubie ciastka
      Witam . jest taki problem , ze jak klikam zaloguj , to gdzieś pod stopką sie pokazuje
       
      PrzegladNocny.xaa.pl
       

×