How I Build Sites with Bootstrap

Everything related to the visual and coding aspects of websites.
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

How I Build Sites with Bootstrap

Post by Robin »

1. Go to Bootstrap page, download zip file of Bootstrap files, unzip file
2. Copypasta one of the templates into blank file
3. Read through template
4. Wonder aloud what the hell this particular class/ID name is and what it does
5. Manually search through bootstrap.css, get dizzy scrolling
6. Give up and use search function to find it, grumbling curses
7. Have "a-ha" moment/feel stupid
8. Repeat steps 4-7 for just about every stinkin class/ID in the template
9. Finally get around to making a custom.css
10. Scream at template when custom.css doesn't work
11. Realize custom.css was linked incorrectly because of stupid Bootstrap folder hierarchy, apologize to template
12. Design layout that isn't much different from the template because every time you try to change something it breaks
13. Get on with making other pages
14. Right before uploading site, remember that the layout header/footer/index need to be made
15. Hastily copypasta stuff from template into 3 blank files
16. Upload everything
17. Load site, see about a thousand errors
18. Scream at site ("WHY THE F$$% ARE YOU NOT WORKING?! WTF IS WRONG WITH YOU UGH GOD FML")
19. Desperately hope nobody has loaded the new version of the site yet
20. Go through and fix EVERY STINKIN PAGE, cursing at each error found, Googling when necessary
21. End up refreshing site approximately 226,894 times
22. End up reformatting 75% of the pages because the rows and columns of the grid don't work like you thought they did
23. One hour after publishing the first pages, site is done
24. Grab a well deserved chocolate bar and turn on Netflix for 6 hours
~ a dream is a wish your heart makes ~
withinmyworld.org
nyxmidnight
Communications Staffer
Posts: 1078
Joined: Sat Oct 13, 2012 7:55 pm
Location: Canada
Contact:

Re: How I Build Sites with Bootstrap

Post by nyxmidnight »

*holds you*
Join in the Tale, in the Blight, of Conquest and Lies
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: How I Build Sites with Bootstrap

Post by Mikari »

I could never get into bootstrap and the like. O.o;; I find it much faster to type the code I need. D: Sounds like bootstrap gives everyone trouble.
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: How I Build Sites with Bootstrap

Post by Robin »

Oh, I have about 10 times the trouble trying to make a site mobile-friendly without Bootstrap. Plus, I'm still trying to learn how it works, so there isn't enough familiarity with the framework yet. It would work fine and be simple to input without all the user error. XD
~ a dream is a wish your heart makes ~
withinmyworld.org
User avatar
Camy
Administrator
Posts: 1482
Joined: Mon Jul 16, 2012 9:21 pm
Location: Texas
Contact:

Re: How I Build Sites with Bootstrap

Post by Camy »

The trick for mobile is to use the column/grid system. Makes it waaaay easier <3 I use the widest one, grid-12, and it resizes down. I used the same thing for the Sims 1 fansite :3
I accept your challenge, "high prince", but I am no general.
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: How I Build Sites with Bootstrap

Post by Robin »

@Camy: Yeah, I just get confused about the grid system a lot--I forget that col-lg-12 means 1 column on desktop screens and col-lg-6 means 2 columns, etc. LOL

I will say that not having to write all the backend code to make it mobile friendly is lots easier...I just have to translate it all and figure out wth it's doing so I can customize it ^_^; (this does not come as easily for me as I could wish)
~ a dream is a wish your heart makes ~
withinmyworld.org
dubiousdisc
Administrator
Posts: 2535
Joined: Thu Jun 21, 2012 5:49 pm
Contact:

Re: How I Build Sites with Bootstrap

Post by dubiousdisc »

(Hope you don't mind if I move this to the Layouts board :P)
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: How I Build Sites with Bootstrap

Post by Robin »

No problem! :) was divided between putting it here and putting it in Gen Discussion to begin with :D
~ a dream is a wish your heart makes ~
withinmyworld.org
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: How I Build Sites with Bootstrap

Post by Robin »

I tried learning Foundation a couple years ago with a code-handy friend of mine and got supremely stuck...never heard of the other one though! Will definitely have to check into that :D
~ a dream is a wish your heart makes ~
withinmyworld.org
User avatar
Camy
Administrator
Posts: 1482
Joined: Mon Jul 16, 2012 9:21 pm
Location: Texas
Contact:

Re: How I Build Sites with Bootstrap

Post by Camy »

Oh I need to try out Foundation :D
I accept your challenge, "high prince", but I am no general.
Post Reply