Why will you not work over different screen sizes HELP Me please

So I am working on this from scratch using bootstrap and the smallest bit of css.

Took me all morning but I am happy with the navibar. The colors are fine and every thing is work apart from the well and columns in the well.

They are fine on large screen but when I make it smaller it all messes up. Any help would be great. trying to do this with out looking at other peoples work and going of standard coded tutorials.

Also any feed back in the design would be great!

Thanks Guys & Girls

i would like to help but where is the source code?

Ya that would help sorry heres the link https://codepen.io/Justingreenwood/pen/wzgzpZ

<!DOCTYPE html>
	<title>Navbar Test</title>
	<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
			<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
				<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"/>
				<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"/>

			<body style="background-color:#666666">
				<nav class="navbar navbar-inverse navbar-fixed-top">
					<div class="container-fluid">
						<div class="navbar-header">
							<a href="#">
								<img alt="Brand" src="https://raw.githubusercontent.com/JustinGreenwood1979/testfor-images/master/jg.png" width="15%" hight="15%" style="padding-top: 7px"/>
						<ul class="nav navbar-nav navbar-right">
							<li><a href="#"><strong>Skills</strong></a></li>
							<li><a href="#"><strong>Project</strong></a></li>
							<li><a href="#"><strong>Contact</strong></a></li>
			<div class="container-fluid">
				<div class="well" style="background-color:#222; border-color:#080808; color:#9d9d9d; margin-top:75px; padding-bottom:20px">
					<h1 class="col-xs-11">Justin Greenwood's Portfolio
						<p><small>Data Analyst</p></small>
					<img alt="Brand" src="https://raw.githubusercontent.com/JustinGreenwood1979/testfor-images/master/HX8P2h9BgKS6Rg-ng4gdtBNbtDVnx6bK.jpg" height="7%" width="7%" class="black-border" style="margin-top:10px">