Bootstrap Sampler

Easy Peasy

Add your link to Boostrap CSS on top. Then add in the Boostrap JavaScript and Popper scripts below but inside the body. Don't forgot to add your own style sheet, remember last rule wins!

Don't Overthink

Go look at layout, content and forms and more. Download examples to study and use.  After you look around a bit copy and past some code and see what you shall see!  

Just Try It

I added a super simple header nav bar from the free examples! I also found a blog which I think I use on my final.   Look at the super cute collapsing accordian thingees!   

I am not exactly sure what I would use this for but it is sort of cool! This won't close until you click on another one.

Perhaps people just like to click on buttons and it makes a site more interesting.

I am still not spold on these. I feel like the click should open and then close. Each one will not close until you click on another which leaves one open until you refresh the page.

Ready to add your touch!

The nav bar above does not seem like much but it is all ready to add your own personal touch. If you dont mind a generic look that you might see on other sites on the web it can be useful!  Don't forget Bootstrap has a lot of icons. I am going to get Facebook, Twitter and Insta right now for my footer.

Now that I am ready to zip this up and submit I can see some frustration. My statement in the footer has a mind of its own. I could not figure out how to get the nav to drop down 20px inside the main. There are other things too.

white puppy
Puppy Card!

Look at how cute this is. Put in a pic, make a statement and click to go! Not sure where to go yet but this I sort'a like!

Let's talk about puppies!