Amassment Message Board

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

*holds you*

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.

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

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

@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)

(Hope you don't mind if I move this to the Layouts board :P)

No problem! :) was divided between putting it here and putting it in Gen Discussion to begin with :D

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

Oh I need to try out Foundation :D