Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Posted by dylan kane
dylan kane
2,094 Points

bootstrap questions

I am making a website that deals with presenting apartment complexes and such. For one of the pages I'd like to display the houses/apartments with things like reviews, pictures, and locations. I can easily just throw all this in together but of course I'd like to make it look nice, so I plan to use bootstrap to help me along. I am sort of familiar with bootstrap but I was wondering if any of you had tips on making this look professional. Things like what to use or any presets would be great. Thanks!

1 Answer

Sam Mead
Sam Mead
3,777 Points
Sam Mead
Sam Mead
3,777 Points

No doubt Bootstap is an epic resource and you'll find it easy to come up with a proffessional looking offering.

Practice makes perfect and there is no substitute for familiarity with the Bootstrap terminology.

My biggest tip for working with Bootstrap is to never to edit any of the source files: always make your changes in a seprate .css or .js file. This makes it much easier to keep up to speed and up to date with any bug fixes or changes that are released.

I also wouldn't edit any of their default classes - for example, if you want to change a green button, don't overwite Bootstrap's .btn-success in your CSS file; create a new class with your specific requirements edited instead. This is the best way to keep lines of code to a minimum and to aid reusability in different projects.

You can include the latest Bootstrap files without downloading anything: 

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>