Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] Czy tak powinien wyglądać układ HTML wyszukiwarki?
Czikusek
post 4.08.2018, 14:48:07
Post #1





Grupa: Zarejestrowani
Postów: 30
Pomógł: 1
Dołączył: 11.07.2018

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


Witam, robię sobie theme w celach testowych no i mam do Was pytanie czy aby na pewno to tak się robi. Otóż, mam kod HTML prostej wyszukiwarki:
  1. <div class="container">
  2. <!-- Search -->
  3. <div class="search">
  4. <form class="" method="post" action="">
  5. <div class="row">
  6. <div class="col-lg-6">
  7. <input type="text" class="form-control" id="x" placeholder="Wpisz tu czego szukasz..." name="x">
  8. </div>
  9. <div class="col-lg-4">
  10. <input type="text" class="form-control" id="y" placeholder="y" name="y">
  11. </div>
  12. <div class="col-lg-2">
  13. <button type="submit" class="btn btn-search btn-block"><i class="fas fa-search"></i> SZUKAJ</button>
  14. </div>
  15. </div>
  16. </form>
  17. </div>
  18. </div>


Konkretnie chodzi mi o <div class="col-lg-4">...</div>. Czy w ten sposób koduje się takie rzeczy? Jeśli nie to w jaki?


f5
Go to the top of the page
+Quote Post
sazian
post 4.08.2018, 16:33:41
Post #2





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 141
Dołączył: 19.09.2006
Skąd: B-tów

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


jak się domyślam jest to bootstrap,
zobacz tu https://getbootstrap.com/docs/4.1/layout/grid/#grid-options
col-lg-* jest dla rozdzielczości 992 do 1199
dlatego zawsze powinno się podawać col-* wtedy masz kontrolę od najniższych rozdzielczości.
Po co te id ?
Go to the top of the page
+Quote Post
Czikusek
post 5.08.2018, 08:52:09
Post #3





Grupa: Zarejestrowani
Postów: 30
Pomógł: 1
Dołączył: 11.07.2018

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


Tak, to bootstrap. ID dla <label> tyle, że w przykładzie tego nie dałem. Chodzi mi o to, że jak mam w jednej linii inputa "co szukasz", w drugiej select z opcjami, a w 3 przycisk submit to czy takie coś jest poprawnie zbudowane.
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: 27.04.2024 - 03:00