IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Problém s bootstrapem - špatné vykreslení v mobilní verzi

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Michael Kufner
Člen
Avatar
Michael Kufner:1.9.2015 15:17

Ahojte,
potřeboval bych poradit. Na této stránce http://ranklist.viptrust.cz/cs/ mi blbne vykreslení bootstrapového formuláře v mobilní verzi (nebo při přiblížení). Nemám vůbec tušení, proč by to mohlo být špatně. Každou pomoc bych uvítal, nejsem v grafice (a hlavně bootstrapu) až tak zběhlý.
Něco mi říká, že chyba bude v tomto divu: col-md-4

<div class="col-md-4">
                                    <div class="checkbox">

                                          <label for="frm-rankingForm-srank"><input type="checkbox" name="srank" id="frm-rankingForm-srank" checked>SRank </label>

                                    </div>

Za pomoc budu vděčný :)

 
Odpovědět
1.9.2015 15:17
Avatar
Michael Kufner
Člen
Avatar
Michael Kufner:1.9.2015 16:53

Doplním větší úryvek kódu:

<div class="container">
            <div class="col-xs-12">
                <div id="main_container">
                    <div class="col-md-12">
                        <div id="sec_container" >
                            <form action="/cs/" method="post" id="frm-rankingForm">
                                <div class="col-md-8">
                                    <textarea name="urls" placeholder="Začněte psát web. Více webů oddělte enterem" id="frm-rankingForm-urls" required data-nette-rules='[{"op":":filled","msg":"Nezadali jste všechna pole"}]'></textarea>
                                    <input type="submit" name="send" value="Zjistit informace">
                                    <input type="hidden" name="rand1" value="4">
                                    <input type="hidden" name="rand2" value="3">
                                    <input type="text" name="capcha" id="frm-rankingForm-capcha" class="form-control" placeholder="4 + 3 = ?">
                                </div>
                                <div class="col-md-4">
                                  <div class="checkbox">

                                        <label for="frm-rankingForm-srank"><input type="checkbox" name="srank" id="frm-rankingForm-srank" checked>SRank </label>

                                  </div>
 
Nahoru Odpovědět
1.9.2015 16:53
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.