[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”
are you vietnamese ??
any one know how to build a pickaxe on minecraft
that wouldnt show if it worked or not,,didnt you just display some html? at moment i can display a jumbotron but it just lists my navbar code i pasted in from bootstrap…any ideas?
thnks dude
why didn't you download xamp?
hi im just learning as far as linking files you made more sense then anyone on youtube
thank you very useful
y we should create a new folder and copy the same stuff is their any reason??
thank you so much
I opened up the browser and Hello World along with rel sheet + is showing what can I do to remove
Thanks bro. Thats what i needed.
not sure why i need a video about how to put a stylesheet in a file
is it work for windows 7 ,32bit…??????????
I have search a lot for that topic and I can say that's the best explanation by far…
Great job man keep it up
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..
u are good!!
I set up all this shit just to find out and you never made a part 2. Waste of time.
very great guide man.
I'm confused on which link to add, ..min.css or …css? Which one does what? I'm trying to design my website. Nice vid.
Thanks, man!
Thank you bro (Y)