How to use Twitters Bootstrap!

Well hello their, My name is Immortal and as this will be my first post I am going to make it count :biggrin:

You may be asking what is twitters bootstrap and why would I want to use it?

Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development.

Pro's and Cons

Pros:
- Easy to use
- Pre coded css
- Pre coded jquery
- Very well documented
- Tablet/ mobile support
- For all browsers!

Cons:
- so far none.

well, you might be asking what do I need to use this?

you're going to need a web server, ftp client, a text editor, and last but not lest bootstrap

Download the bootstrap here:

[To see links please register here]

Document page about the bootstrap:

[To see links please register here]

For these examples I used Notepad++


First extract, the file and then Upload the bootstrap to your webserver using a ftp client not that hard...

So your root should look like {root dir}/bootstrap

and you should see a css folder and a js folder, in the bootstrap directory

soo, now lets move on and start writing somecode

so go to your root directory and write this html template,



here is the code for you lame asses,

Hidden Content

You must

[To see links please register here]

or

[To see links please register here]

to view this content.

Soo now we are going to use, navbar to give us a sexy link tablet.

Hidden Content

You must

[To see links please register here]

or

[To see links please register here]

to view this content.

here is, what the site looks like.

Thanks Maybe one day, this will help a user :F

Nice tutorial bro, good addition to site.

(10-01-2012, 01:51 AM)Immortal Wrote:

[To see links please register here]

Thanks Maybe one day, this will help a user :F

It surely will!

Great tutorial!

~INST1NCT

thanks, the more positive feedback I receive obi the more tutorials I will do.