Hello Jerry...when i paste the code of this snippet on a page, it displays okay but it forces the content of that page to move to the left and make the fonts bigger in appearance. Is there a solution to this?

It depends on what is already on your page, but I would assume that you need to move YOUR custom stylesheet AFTER the bootstrap stylesheet, so kind of like this:

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">

<link href="YOURCUSTOMSTYLESHEETURL" rel="stylesheet">

That way the Bootstrap styles do not override your custom styles :)