Menu icon Foundation
Foundation manual install vs cli

Andrew, for some reasons, my post disappeared!!! Here is to answer your question.

 

OK, "npm start" opened up in a browser and looked as expected - let’s call it localhost:8000

 

Here is my src file structure:

 

src

assets

data

layout

default.html

pages

index.html        

partials

styleguide

 

Let’s say I use bracket - If I am in index.html I would preview this page in Chrome for example. The result should look like localhost:8000

Instead I have the unstyled version of localhost:8000 like below -

Welcome to Foundation for Sites

We’re stoked you want to try Foundation!

To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.

Once you've exhausted the fun in this document, you should check out:

Foundation Documentation
Everything you need to know about using the framework.

Foundation Code Skills
These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.

Foundation Forum
Join the Foundation community to ask a question or show off your knowledge.

Foundation on Github
Latest code, issue reports, feature requests and more.

@zurbfoundation
Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).

Here’s your basic grid:

This is a twelve column section in a grid-x with grid-margin-x. Each of these includes a div.callout element so you can see where the cell are - it's not required at all for the grid.

Six cell

Six cell

Four cell

Four cell

Four cell

 

In this condition, it’s impossible to see changes I would make in /src/pages/index.html or any other files in /src/pages/

zurb stack

Andrew, for some reasons, my post disappeared!!! Here is to answer your question.

 

OK, "npm start" opened up in a browser and looked as expected - let’s call it localhost:8000

 

Here is my src file structure:

 

src

assets

data

layout

default.html

pages

index.html        

partials

styleguide

 

Let’s say I use bracket - If I am in index.html I would preview this page in Chrome for example. The result should look like localhost:8000

Instead I have the unstyled version of localhost:8000 like below -

Welcome to Foundation for Sites

We’re stoked you want to try Foundation!

To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.

Once you've exhausted the fun in this document, you should check out:

Foundation Documentation
Everything you need to know about using the framework.

Foundation Code Skills
These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.

Foundation Forum
Join the Foundation community to ask a question or show off your knowledge.

Foundation on Github
Latest code, issue reports, feature requests and more.

@zurbfoundation
Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).

Here’s your basic grid:

This is a twelve column section in a grid-x with grid-margin-x. Each of these includes a div.callout element so you can see where the cell are - it's not required at all for the grid.

Six cell

Six cell

Four cell

Four cell

Four cell

 

In this condition, it’s impossible to see changes I would make in /src/pages/index.html or any other files in /src/pages/