Omega + Twitter bootstrap

illusio Sun, 10/28/2012 - 11:21

Kādam ir idejas kā sasaistīt Omega tēmu ar  Twitter bootstrap ? Caur google neko prātīgu atrast nevar :(

Ir risinājumi drupal.org pieejamās tēmās: http://drupal.org/project/twitter_bootstrap (viens no tiem). Taču jāsaka atklāti, ir nepieciešama padziļinātāka izpēte, jo "no plaukta" tās lietas man negāja. Kā arī pārsvarā pieejamās tēmas orientētas uz Administratīvo daļu. Var būt no turienes var smelties kādu ideju?

Bija vēl alternatīvi risinājumi (ne tikai Twitter Bootstrap), bet jāparokas drupal.org.

Paldies twitter_bootstrap īsti neder pārāk bagains vēl doma ir kautkādā veidā mēģināt to integrēt iekš omegas css itkā jau var piesaistīt un js kā arī less bet cik daudz un ko nau īsti sajēgas

Twitter bootstrap (TB) var piesaistīt Omega tēmai. Jāpiesaista TB css un js failus, jāpielāgo html. Varam apskatīt divus paņēmienus. Pirmais - salikt to visu Omega apakštēmā. Otrs - izveidot moduli. Modulis būtu ērtāk lietojams. Un ir vērts ar to ķēpāties, jo zināšanas citādi iegūt nevar. Mēģināšu sagatavot piemēru.

illusio, ko tieši gribi izmantot no tā visa plugin mega klāsta?

Lai paspēlētos ar tiem js pluginiem, vienkāršakais ir darīt tā:

  1. Omegas apakštēmā iekopē 
    mysubtheme/css/bootstrap.css
    mysubtheme/js/bootstrap.js
    mysubtheme/img
  2. mysubtheme/mysubtheme.info failā pievieno
    ...
    stylesheets[all][] = css/bootstrap.css
    ...
    scripts[] = js/bootstrap.js
  3. mysubtheme/template.php failā var likt hook funkcijas no twitter_bootstrap tēmas.
    twitter_bootstrap_ vietā liekot mysubtheme_ Es pamēģināju hook_pager(), tas darbojās.
  4. Tālāk jāskatās, kādi sistēmas css vai Omega css "noēd" bootstrap stilojumu. Omega tēmā ir ērti atslēgt traucējošos css failus.  Formalize arī vajadzētu izslēgt.

Vēlu veiksmi čak... khmm mācīties!
 

Paldies  nu mēģināšu css jau stradā :) 

man so te intresē integrēt omega sub temā

http://talkslab.github.com/metro-bootstrap/

bet tik nesaprotu cik daudz no siem css un js 

mysubtheme/css/bootstrap.css
mysubtheme/js/bootstrap.js

par siem skaidrs bet ko ar pārējiem :D

jataisa laikam kads atverts github projekts varbut ka uzrodas vel intresentu 

failiem japiesledz (daudz vinju)

a ja kas LESS strādā un smuki omegā :)

 čak... jeb mācīties tiesam daudz ir ko.....

 

 

LESS, COMPASS (http://compass-style.org/) un līdzīgos ieteiktu izmantot tikai izstrādes momentā. Pēc tam vajag to visu optimizēt, saspiest un nokešot, citādi serverim ir lieks nevajadzīgu resursu patēriņš pārsējot šos parametrus. Un uzliekot parasto Drupal CSS optimizāciju, šis tas var arī noiet greizi.

Parasti ir tā, ka sāc spēlēties ar fīčām, pēc tam mocies ar lapas optimizēšanu un ātrdarbību :)