CSS

sample code the getskeleton

Bootstrap Page sample code:

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Bootstrap Example</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.2.0/css/bootstrap.min.css”>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>
<script src=”http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js”></script>
</head>
<body>

<div>
<div>
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div>
<div>
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit…</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris…</p>
</div>
<div>
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit…</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris…</p>
</div>
<div>
<h3>Column 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit…</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris…</p>
</div>
</div>
</div>

</body>
</html>

 

sample code the getskeleton

<!– .container is main centered wrapper –>
<div>

<!– columns should be the immediate child of a .row –>
<div>
<div>One</div>
<div>Eleven</div>
</div>
<!– just use a number and class ‘column’ or ‘columns’ –>
<div>
<div>Two</div>
<div>Ten</div>
</div>
<!– there are a few shorthand columns widths as well –>
<div>
<div>1/3</div>
<div>2/3</div>
</div>
<div>
<div>1/2</div>
<div>1/2</div>
</div>
</div>
<strong>CODE FORM: </strong>
<!– The above form looks like this –>

<form>
<div>
<div><label for=”exampleEmailInput”>Your email</label>
<input id=”exampleEmailInput” type=”email” placeholder=”[email protected]” /></div>
<div><label for=”exampleRecipientInput”>Reason for contacting</label><select id=”exampleRecipientInput”><option value=”Option 1″>Questions</option><option value=”Option 2″>Admiration</option><option value=”Option 3″>Can I get your number?</option></select></div>
</div>
<label for=”exampleMessage”>Message</label>
<textarea id=”exampleMessage” placeholder=”Hi Dave …”></textarea>
<label>
<input type=”checkbox” />
<span>Send a copy to yourself</span>
</label>
<input type=”submit” value=”Submit” />

</form><!– Always wrap checkbox and radio inputs in a label and use a <span> inside of it –>

<!– Note: The class .u-full-width is just a utility class shorthand for width: 100% –>

Add your comments

Loading Facebook Comments ...
Loading Disqus Comments ...