Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] Bootstrap
mrk9109
post 4.09.2019, 11:50:58
Post #1





Grupa: Zarejestrowani
Postów: 445
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
 
Start new topic
Odpowiedzi
dublinka
post 4.09.2019, 12:46:47
Post #2





Grupa: Zarejestrowani
Postów: 594
Pomógł: 66
Dołączył: 22.02.2008
Skąd: Dublin

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

Posty w temacie


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: 23.04.2024 - 16:11