Made a bootstrap 3 site, is there any concise guide on how to port/wire it on PW?

[lord_dupalski]

I successfully made my boostrap 3 site? not the site profile processwireboostrap3. 

Is there someone who made any guide  or walkthrough tutorial on how to port it on PW?

not necessary a guide that's using bootstrap 3, even plain html css template will do.

Just want to gain idea on how to port your own static website to PW.

[SiNNuT]

The small project walkthrough should get you started http://wiki.processwire.com/index.php/Small_Project_Walkthrough

Or the basic website tutorial http://wiki.processwire.com/index.php/Basic_Website_Tutorial

[cstevensjr]

Tutorial That Explains How To Incorporate A Front-End Framework In PW

http://processwire.com/docs/tutorials/installing-a-css-framework/

Edited August 31, 2014 by cstevensjr

[pwired]

Just want to gain idea on how to port your own static website to PW.

No need to start from scratch. When you install a default pw it comes with a basic setup

that let's you build or port anything you want:

Parts of your website that are the same on every webpage e.g. header.inc and footer.inc

just replace there what you want to port or build.

Different content on different pages you do with <?php echo $page->body; ?>

body is a pw field and it can be any other field that you fill up with content or data.

Replace links to images or text or whatever by php calls between your html tags.

In pw there is no framework layer, it uses php directly as a framework and let's you

use php to output from backend, assets, static, dropbox, whatever, etc. Beautiful.

And then there is pw api of course. http://processwire.com/api/

Sometimes the first page of a website is a welcome or intro page without a footer.

Need a webpage look differently, just use another template file for it.

A good css grid makes it easy where you want to position your output on your website.

Pocketgrid was already mentioned before.

[clsource]

Here´s a videotutorial

http://processwire.tv/videos/processwire-basic-guide---first-steps/?autoplay=1