Congrats on getting it going! Here are a couple suggestions:
- The bootstrap script should be placed after the closing body tag, not in the head. This helps with page loading. If you have it in the head, the rest of the page will wait for the bootstrap js to load. If you place the bootstrap js after the body, the page will load and then the bootstrap js. This is usually preferable (except in cases such as a page loader which doesn't concern you right now).
- You need jquery for the bootstrap js to work. You probably haven't noticed it yet, but this will save you trouble later once it is needed. Also, make sure you include it before the bootstrap js script (remember both after body tag).
- I would suggest putting your styles in a separate CSS file. This isn't a big issue for your first project, but once your CSS styles get to be about 100-1000+ lines, it becomes necessary to have it in a separate file for proper organization.
- I don't think it's good to put a section inside a div. Nor is it good to apply row as a class to it. Generally sections are not used for styling. That is what divs are for. So maybe some example markup:
Read through the various answers on these for more info:
- You are doing a little extra work with the row system. Look at your code:
<h1 class="col-lg-12 col-md-12 col-sm-12 col-xs-12"></h1>
<div class="col-sm-12 col-md-12 col-lg-4"></div>
Bootstrap breaks down as the screen gets smaller. So if an element is one size on a smaller one, it will be that same size larger unless you explicitly change it. There is no need to duplicate something on a larger screen that exists on a smaller screen. For example:
<div class="col-sm-12 col-lg-4"></div>
From the documentation itself:
Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, e.g. applying any .col-md-* class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg-* class is not present.
These are the basics, the rest will come naturally as you practice more. Keep working hard, and don't be content with just using something that works. Figure out why it works and the best way to use it.