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

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

Marosking.

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 NYSHUN
      Autor: martec
       
      Otwieraj linki do zdjęć i linki do youtube w tzw. „modalu”.
       

       
      Instalacja
      1. Wypakuj pliki w dogodnym dla Ciebie miejscu.
      2. Wyślij na serwer pliki z archiwum zachowując strukturę katalogów.
      3. Aktywuj plugin w Panelu Administratora.
       
      Pobierz;
      My Image Modal_#2_dev.zip
    • Przez Roberrt..
      Cześć, mam takie prawdopodobnie proste pytanie:
       
      Jeżeli posiadam multi selecta
      <select class="form-control show-tick" name="fajnyparam" required> <option value="|1">Opcja o ID 1</option> <option value="|2">Opcja o ID 2</option> <option value="|3">Opcja o ID 3</option> </select> a zaznaczę 2 opcje to jak zrobić aby obie były w parametrze?
      np. wybieram opcję 1 i 2 'wyślę' formularz i chciałbym aby link wyglądał ?fajnyparam=|1|2 a wygląda ?fajnyparam=|1
       
      korzystam z GitHub - silviomoreto/bootstrap-select: Bootstrap-select is a jQuery plugin that...
×