Grid problems with C9


#1

Hi, recently I started to create a newbie page, so to learn code. Trouble is that the same code inside Sublimetext gives me a totaly different(normal) webpage. When I copy those line inside C9 the picture is a whole different. Does anybody now how to solve this nut cracker?

Code:

Study habits
<body>
    <div class="title">
        <h1>The good and the bad</h1>
        <h3>Studying (in)effectively</h3>
    </div>
    <div class="container">
<div class="row">
	<div class="col-sm-2 pink">2</div>
	<div class="col-sm-8 pink">8</div>
	<div class="col-sm-2 pink">2</div>
</div>
<div class="row">
	<div class="col-md-3 col-sm-6 pink">
		<div class="row">
			<div class="col-md-6">ABC</div>
			<div class="col-md-6">ABC</div>
		</div>
	</div>
	<div class="col-md-6 col-sm-6 pink">tour date</div>
	<div class="col-md-3 col-sm-6 pink">
		<div class="row">
			<div class="col-md-2">a</div>
			<div class="col-md-2">c</div>
			<div class="col-md-2">a</div>
			<div class="col-md-2">ss</div>
			<div class="col-md-2">x</div>
			<div class="col-md-2">er</div>
		</div>
	</div>
</div>
</body>

Output with Cloud9:


#2

Problem solved. Ignore this post.