09-30-2012, 09:34 PM
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:
Document page about the bootstrap:
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,
![[Image: e7056d74d2b7478f9ff2123.png]](http://img138.imageshack.us/img138/9754/e7056d74d2b7478f9ff2123.png)
here is the code for you lame asses,
Soo now we are going to use, navbar to give us a sexy link tablet.
![[Image: 9d520dfa099f4047bb42f97.png]](http://img208.imageshack.us/img208/755/9d520dfa099f4047bb42f97.png)
here is, what the site looks like.
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,
![[Image: e7056d74d2b7478f9ff2123.png]](http://img138.imageshack.us/img138/9754/e7056d74d2b7478f9ff2123.png)
here is the code for you lame asses,
Hidden Content
Soo now we are going to use, navbar to give us a sexy link tablet.
![[Image: 9d520dfa099f4047bb42f97.png]](http://img208.imageshack.us/img208/755/9d520dfa099f4047bb42f97.png)
Hidden Content
here is, what the site looks like.
![[Image: 86db50116b00440ab2f99c9.png]](http://img21.imageshack.us/img21/6694/86db50116b00440ab2f99c9.png)