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

m
m
Line 5: Line 5:
  
 
<head>
 
<head>
<link rel="stylesheet" type="text/css"  
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Aalto-Helsinki/Templates/css/bootstrap.min.css" />
href="https://2018.igem.org/Team:Aalto-Helsinki/Templates/css/bootstrap.min.css?action=raw&ctype=text/css" />
+
<script type="text/javascript" src="https://2018.igem.org/Team:Aalto-Helsinki/Templates/js/bootstrap.min.js"></script>
    <!-- <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> -->
+
 
<script type="text/javascript" src="https://2018.igem.org/Team:Aalto-Helsinki/Templates/js/bootstrap.min.js?
+
action=raw&ctype=text/javascript"></script>
+
 
</head>
 
</head>
  

Revision as of 13:22, 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