NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
IT rekvalifikace s podporou uplatnění. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Avatar
Lucie
Člen
Avatar
Lucie:27.5.2016 12:45

Ahoj, jsem začátečník a zkouším si vytvořit 1. stránku. Používám k tomu bootstrap. Mám problém s patičkou. Když jsem mapě a kontaktním údajům nastavila col-sm-4, tak se mi patička přestala stylovat a mapa s kontaktem jsou vnořeny v patičce. Předtím patička vypadala, jak měla. V sublime text se mi třída .my-footer zobrazuje bíle, asi mi ji vůbec nebere. Prosím o rady, jak to z té patičky oddělám a aby se mi opět nastylovala patička jako předtím. Děkuji.

HTML

<div class="col-md-4 col-xs-12 adress">
<h3> Fakturační údaje </h3>
<p>Leoš Zejer
    <br>
   U sousedů 126/10
   <br>
   789 01, Přerov
   <br>
   IČO: 5679032
   <br>
   Podnikatel zapsán v živnostenském rejstříku MÚ Přerov </p>
    </div>

<div class="col-md-4 col-xs-12 phone">
  <h3> Kontakt</h3>
<p><span class="glyphicon glyphicon-earphone"> </span>  +420 267 890 657
    <br>
<span class="glyphicon glyphicon-envelope"> </span> &nbsp;[email protected]</p>
</div>

<div class="col-md-4 col-xs-12 mapa">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2570.91974049317!2d16.867166615710868!3d49.88153377940092!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471211c2cb536e65%3A0xb2aef12c9bad99fc!2zS29wZcSNbsOhIDEyNi8xMCwgNzg5IDAxIFrDoWLFmWVo!5e0!3m2!1scs!2scz!4v1463139470241" width="400" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>


<footer>
    <div class="my-footer">

    <p> <span class="footer-mail"> </span> Napište mi na mail leo(zavináč)seznam.cz</p>
     <p> <span class="footer-copyright"> </span> &copy; 2016 Všechna práva vyhrazena </p>

</div>
</footer>
</div>
</body>
</html>
 
Odpovědět
27.5.2016 12:45
Avatar
Eda Stehlík
Člen
Avatar
Eda Stehlík:27.5.2016 22:56

Bootstrap jsem nikdy nedělal, ale zkusila jsi dát pryč tu třídu my-footer a stylovat pouze footer?
Znovu opakuji, že s Bootstrapem nemám zkušenosti, ale tohle mě napadlo jako první!

 
Nahoru Odpovědět
27.5.2016 22:56
Avatar
Lucie
Člen
Avatar
Lucie:31.5.2016 9:32

Ahoj, díky za nápad, ale tím to nebylo. Už jsem to vyřešila, stačilo dát clear:both :-)

 
Nahoru Odpovědět
31.5.2016 9:32
Avatar
solta
Člen
Avatar
Odpovídá na Lucie
solta:1.6.2016 14:52

musíš to co je nad patičkou uzavřít do

<div class="row">
...
</div>

viz http://getbootstrap.com/css/#…

Editováno 1.6.2016 14:54
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
1.6.2016 14:52
Avatar
Lucie
Člen
Avatar
Odpovídá na solta
Lucie:2.6.2016 9:15

ano, přesně tak jsem to už vyřešila, díky za reakci :-)

 
Nahoru Odpovědět
2.6.2016 9:15
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 5 zpráv z 5.