Bootstrap formulár na mobil – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Bootstrap formulár na mobil – CSS – Fórum – Programujte.comBootstrap formulár na mobil – CSS – Fórum – Programujte.com

 

Toto vlákno bylo označeno za vyřešené — příspěvek s řešením.
zelenac10
Stálý člen
22. 2. 2017   #1
-
+1
-
Zajímavé

Dobrý deň,

neviete mi poradiť, aku chybu robim pri bootstrape ked nefunguje formulár cez mobil? že nejde kliknuť na input 

http://novy.staminafood.sk/prihlasit-sa/

Nahlásit jako SPAM
IP: 188.121.182.–
Octopia.sk - Záhrada na kľúč
weroro0
Návštěvník
22. 2. 2017   #2
-
0
-

Značka DIV, v ktorej máš tlačítko "Registrácia" je nad všetkými prvkami formulára. Je to spôsobené tým, že trieda col-xs-* tie predošlé DIV floatuje.

Riešením tvojho problému bude ak tomu DIV, v ktorom máš to tlačítko nastavíš triedu

col-xs-12
Nahlásit jako SPAM
IP: 91.235.54.–
Javascript (ES5, ES6+) / Typescript Developer, Vanilla Front-end ninja, HTML, CSS specialist

Hlúpa otázka vzniká ako reakcia na nedostatok relevantných informácií.
zelenac10
Stálý člen
22. 2. 2017   #3
-
0
-

 Aj ked to dám takto na stránku tak na telefóne nedokažem vyplniť email ani heslo.

      <div class="col-md-12 col-xs-12">
       <form action="#" method="post">   
         <input type="email" class="form-control" name="email" placeholder="E-mail" required>         
         <input type="password" class="form-control" name="heslo" placeholder="Heslo" required>  
        <button type="submit" name="login" value="1" class="btn btn-success width-100">Prihlásiť sa</button> 
       </form>
      </div> 
Nahlásit jako SPAM
IP: 188.121.182.–
Octopia.sk - Záhrada na kľúč
Řešení
weroro0
Návštěvník
22. 2. 2017   #4
-
0
-
Vyřešeno Nejlepší odpověď

Ja som písal o tom druhom väčšom (registračnom) formuláry.

V tomto prípade odstráň col-xs-12

Nahlásit jako SPAM
IP: 91.235.54.–
Javascript (ES5, ES6+) / Typescript Developer, Vanilla Front-end ninja, HTML, CSS specialist

Hlúpa otázka vzniká ako reakcia na nedostatok relevantných informácií.
zelenac10
Stálý člen
22. 2. 2017   #5
-
0
-

Dakujem takto to funguje :)

Nahlásit jako SPAM
IP: 188.121.182.–
Octopia.sk - Záhrada na kľúč
zelenac10
Stálý člen
2. 3. 2017   #6
-
0
-

mal by som ešte jednu otázočku,  

mam zoznam produktov všade sa to dobré zobrazuje až na safari a neviem, ako to mam ošetriť 

http://staminafood.sk/obchod/

Ďakuejm za rady.

Nahlásit jako SPAM
IP: 188.121.182.–
Octopia.sk - Záhrada na kľúč
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 1 host

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý