https://github.com/utdata/icj-bootstrap-template

A template to learn bootstrap components.
https://github.com/utdata/icj-bootstrap-template

Last synced: 29 days ago
JSON representation

A template to learn bootstrap components.

• Host: GitHub
• URL: https://github.com/utdata/icj-bootstrap-template
• Owner: utdata
• Created: 2019-03-11T19:29:14.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2024-02-18T16:55:55.000Z (11 months ago)
• Last Synced: 2024-02-18T17:52:15.445Z (11 months ago)
• Language: JavaScript
• Size: 2.79 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ICJ Bootstrap Template

This template goes along with the [Bootstrap lessons](https://utdata.github.io/icj-class/bs-00-intro.html) for Intro to Coding for Journalists.

It uses Bootstrap 5 and a Gulp setup to support a development environment with Sass and image management.

## How to set up your project

- Create a new folder in your `icj/` folder called `yourname-bootstrap`.

- In VS Code, open a new window and open your new folder.

- Open the Integrated Terminal.

- Run `$ degit utdata/icj-bootstrap-template` to download the files.

- Run `$ npm install` to install the node packages.

- Run `$ git init` to intilize git.

- Run `$ git add .` to add the files.

- Run `$ git commit -m "first commit"` to commit the files.

- Go to Github and create a repository of the same name.

- Use the `git add` command provided there to sync the repos.

- Run `$ git push origin main` to push the code to Github.

## How to run the project

- Run `$ gulp dev` to compile all the code and start a server.

- If you just want to compile code without running a server, run `gulp` by itself.

## Edit in the src folder

All edits to HTML, SCSS or images should be done in the `src` folder. DO NOT edit files in the `docs` folder, or you will lose the changes when gulp tasks run.

---

```txt

,

    "nav": "^0.0.2"

```