Difference between revisions of "Team:Aalto-Helsinki/testpage"

Line 1: Line 1:
 
{{Aalto-Helsinki}}
 
{{Aalto-Helsinki}}
 
<html>
 
<html>
−
 
−
 
−
<!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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
</head>
 
−
<body>
 
  
 
<div class="jumbotron text-center">
 
<div class="jumbotron text-center">

Revision as of 13:07, 26 July 2018

My First Bootstrap Page

Resize this responsive page to see the effect!

Column 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Button Styles

Image

The .img-responsive class makes the image scale nicely to the parent element (resize the browser window to see the effect):

Chania