NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

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.