(1) Bootstrap 3.1 Tutorial – Sublime, Bootstrap Files, Preliminary Set-up


[ad_1]
https://i.ytimg.com/vi/1ByytiNe7Pk/hqdefault.jpg



These series of videos will be me, teaching you how to use Bootstrap 3.1 in combination of HTML, CSS, Javascript, and some jQuery.

(1) Bootstrap 3.1 – Sublime, Bootstrap, Preliminary Set-up

1) Grab all the files you need:
Get a text editor. I recommend Sublime Text.
http://www.sublimetext.com/

Get the bootstrap files.
http://getbootstrap.com/

We will extract the bootstrap zip. Create a new folder called Bootstrap Project or whatever you want to call it. Then create five folders:
css
fonts
js
img
doc

Afterwards, copy from the extracted bootstrap 3.1 folder the following files:
bootstrap.css
bootstrap.min.css
INTO css folder of Bootstrap Project
bootstrap.js
bootstrap.min.js
INTO js folder of Bootstrap project

Open Sublime and save the empty file as index.html in Bootstrap Project.
Edit the code and follow the video.

https://developers.google.com/fonts/docs/getting_started
https://www.google.com/fonts

Afterwards, open a new file with sublime and save that file as style.css.

Test the body section of index.html and open in a browser.

Twitter: https://twitter.com/microwavesam
Blog: http://slothparadise.com

Consider supporting our group in making stuff:
►https://www.patreon.com/slothparadise
►Twitter: https://twitter.com/slothparadise_

Original source


21 responses to “(1) Bootstrap 3.1 Tutorial – Sublime, Bootstrap Files, Preliminary Set-up”

  1. just to point out your terminology.. this is NOT a caret.. "<" OR ">" they are called "greater than" & "less than" symbols.. a "caret" is this ^ (shift+6).. THAT is a caret.. just sayin..

    also as the title suggests.. i thought this was going to be alot more advanced than this.. i wanted to see how to to use Sublime LESS (or even SASS) build system, modify bootstrap less files.. anything..

Leave a Reply