Topic-icon Nette s Bootstrap (CSS a JS Bootstrap 3, vykreslování formulářů)

  • Marek Kurcoch (Merkur)
  • Avatar uživatele Marek Kurcoch (Merkur) Autor tématu
  • Offline
  • Nováček
  • Nováček
Více
25. srp 2015 15:11 #232 od Marek Kurcoch (Merkur)
Ahoj,

potřeboval bych pomoci s implementací Bootstrap do Nette. Na netu jsme našel docela hodně návodů, ale nějak se mi je nedařilo zprovoznit, tak aby vše 100% fungovalo.
Jedná se jak o samotnou implementaci, tak o správnou funkčnost (vykreslování) formulářů.

Všem rádcům předem moc děkuji za pomoc.

Marek

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

  • Panáček Ondřej (NetteMan)
  • Avatar uživatele Panáček Ondřej (NetteMan)
  • Offline
  • Začátečník
  • Začátečník
Více
25. srp 2015 16:45 - 25. srp 2015 16:46 #233 od Panáček Ondřej (NetteMan)
Odpověděl Panáček Ondřej (NetteMan) pro téma Nette s Bootstrap (CSS a JS Bootstrap 3, vykreslování formulářů)
Ahoj,

nejprve je třeba provést implementaci knihoven Bootstrap a jQuery.

Je třeba si tedy stáhnout aktuální knihovny css a js z níže uvedených odkazů:

Bootstrap - http://getbootstrap.com/
Jquery - https://jquery.com/

Po stažení tyto soubory nahrejte do adresářů:

/www/js
/www/css

a do souboru @layout.latte vložte níže uvedené odkazy na tyto knihovny:

<!--  Bootstrap start  -->        
<link href="{$basePath}/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="{$basePath}/js/jquery.js"></script>        
<script src="{$basePath}/js/bootstrap.min.js"></script>
<!--  Bootstrap end  -->

Po tomto kroku začne šlapat Bootstrap a vše co k němu patří. Musíte ho samozřejmě používat ve stylech :)

Co se týče formulářů, tak to je samostatná kapitola.

Přiložím snad zatím jen odkazy na to jak nakonfigurovat vykreslování formulářů pro:
Twitter Bootstrap 2
Twitter Bootstrap 3

Snad se chytíte a povede se alespoň základní nastavení Nette s Twitter Bootstrap.
Poslední změna: 25. srp 2015 16:46 uživatelem Panáček Ondřej (NetteMan).

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

Přihlášení