Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] Bootstrap
mrk9109
post 4.09.2019, 11:50:58
Post #1





Grupa: Zarejestrowani
Postów: 395
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----


Witam mam problem z wyglądem wrzucania plików w bootstrap biorę kod z dokumentacji
https://getbootstrap.com/docs/4.3/components/input-group/

i wygląd oki tylko gdy wybieram obrazek dalej mam choose hmm ? a powinna wskoczyć nazwa obrazka może już ktoś miał problem z tym nie mam pojęcia pliki js ma wszystkie
Go to the top of the page
+Quote Post
dublinka
post 4.09.2019, 12:10:31
Post #2





Grupa: Zarejestrowani
Postów: 271
Pomógł: 33
Dołączył: 22.02.2008

Ostrzeżenie: (0%)
-----


Cytat(mrk9109 @ 4.09.2019, 11:50:58 ) *
Witam mam problem z wyglądem wrzucania plików w bootstrap biorę kod z dokumentacji
https://getbootstrap.com/docs/4.3/components/input-group/

i wygląd oki tylko gdy wybieram obrazek dalej mam choose hmm ? a powinna wskoczyć nazwa obrazka może już ktoś miał problem z tym nie mam pojęcia pliki js ma wszystkie

Jesli jestes pewien ze masz wszystkie pliki to sprobu innej przegladarki lub wyczyść cache tej ktorej uzywasz. Moze pomoze.

Ten post edytował dublinka 4.09.2019, 12:10:46
Go to the top of the page
+Quote Post
mrk9109
post 4.09.2019, 12:27:37
Post #3





Grupa: Zarejestrowani
Postów: 395
Pomógł: 3
Dołączył: 4.06.2010

Ostrzeżenie: (0%)
-----


U
Ogólnie wszystkie pliki mi działają efekty w rotatorach itp nie wiem dlaczego tylko inpunty file może ktoś miał właśnie już taki problem


  1. <div class="input-group mb-3">
  2. <div class="custom-file">
  3. <label class="custom-file-label" for="inputGroupFile01">Wybierz avatar</label>
  4. <input type="file" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01">
  5. </div>
  6. </div>
Go to the top of the page
+Quote Post
dublinka
post 4.09.2019, 12:46:47
Post #4





Grupa: Zarejestrowani
Postów: 271
Pomógł: 33
Dołączył: 22.02.2008

Ostrzeżenie: (0%)
-----


  1. <html lang="en">
  2. <head>
  3. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  4. <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
  6. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
  7. </head>
  8. <body>
  9. <div class="input-group mb-3">
  10. <div class="custom-file">
  11. <input type="file" class="custom-file-input" id="inputGroupFile02"/>
  12. <label class="custom-file-label" for="inputGroupFile02">Choose file</label>
  13. </div>
  14. <div class="input-group-append">
  15. <button class="btn btn-primary">Upload</button>
  16. </div>
  17. </div>
  18. $('#inputGroupFile02').on('change',function(){
  19. //get the file name
  20. var fileName = $(this).val();
  21. //replace the "Choose a file" label
  22. $(this).next('.custom-file-label').html(fileName);
  23. })
  24. </script>
  25. </body>
  26. </html>


Ten post edytował dublinka 4.09.2019, 12:59:05
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.09.2019 - 19:48