php - Installing Bootstrap theme in Symfony 2 project -


i looking @ installing this theme in sf2 project, , note there 4 files @ top of page download, namely:

  • bootstrap.min.css
  • bootstrap.css
  • variables.less
  • bootswatch.less

i have less.php (oyejorge/less.php) parser installed along bootstrap itself, , have assetic setup compressing css , outputting page:

<link href="/app_dev.php/css/425e28c.css" type="text/css" rel="stylesheet">

however, install superhero theme in link above can't find tutorials on how this? case of overwriting variables.less , importing bootswatch.less?

also read usage , customization sections of docs @ https://github.com/thomaspark/bootswatch.

if want use theme (without customization) should include bootstrap.min.css or bootstrap.css html:

<link href="/bootstrap.min.css" type="text/css" rel="stylesheet"> 

alternatively can compile own version of theme:

  1. download bootstrap's source files @ http://getbootstrap.com/getting-started/#download
  2. in source files replace less/variables.less file download bootswatch
  3. copy bootswatch.less less directory of bootstrap sources files
  4. than, open less/bootstrap.less , add following line of code @ end of file: @import "bootswatch"
  5. compile modified bootstrap described at: error while executing assetic dump (parse error: failed @ `&:extend(.clearfix all);`)

also notice bootstrap adds autoprefixer vendor prefixes build process. vendor prefix mixins in less/mixins/vendor-prefixes.less deprecated of v3.2.0. should add https://packagist.org/packages/bit3/assetic-autoprefixer assetic configuration too.


Comments

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -