4.1 bootstrap intro
Upcoming SlideShare
Loading in...5
×
 

4.1 bootstrap intro

on

  • 181 views

 

Statistics

Views

Total Views
181
Views on SlideShare
25
Embed Views
156

Actions

Likes
0
Downloads
0
Comments
0

3 Embeds 156

http://devanginkels.nl 150
http://localhost 3
http://www.slideee.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

4.1 bootstrap intro 4.1 bootstrap intro Presentation Transcript

  • Javascript module 4 HTML-CSS-JS 4.1 Bootstrap Intro Module 4 html/css /JS
  • Wat is Bootstrap ? Module 4 4.1 Bootstrap Intro • Reponsive design Framework • Te gebruiken voor statische websites • Te gebruiken voor dynamisch web applicatie • Populair bij back-end en front-end developers • Te combineren met cms en php etc… • Eenvoudig te gebruiken
  • Voorbeelden ? Module 4 4.1 Bootstrap Intro Buildwithbootstrap.com Lovebootstrap.com
  • Bootstrap download ! Module 4 4.1 Bootstrap Intro
  • Bootstrap download ! Module 4 4.1 Bootstrap Intro • Bootstrap downloaden • Informatie over bootstrap • Customize informatie • Bootstrap documentatie Wat vind je op de site?
  • Bootstrap downloaden ! Module 4 4.1 Bootstrap Intro Klik
  • Module 4 4.1 Bootstrap Intro Bootstrap downloaden ! Kies voor de minified versie En klik op download
  • Module 4 4.1 Bootstrap Intro Bootstrap downloaden ! Pak het geheel uit en plaatst het in een map 4.1 Bootstrap Info
  • Module 4 4.1 Bootstrap Intro css Grid options!
  • Module 4 4.1 Bootstrap Intro index.html maken! Koppelingen naar bootstrap bestanden
  • Module 4 4.1 Bootstrap Intro 1e stappen bovenkant website met bootstrap. 2 kolommen voor Schermen groter of gelijk aan 1200px
  • Module 4 4.1 Bootstrap Intro 2e class toevoegen voor andere device col-lg- Col-sm-
  • Module 4 4.1 Bootstrap Intro 3e class toevoegen voor mobile device col-lg- Col-sm- Col-xs-
  • Module 4 4.1 Bootstrap Intro Opdracht We gaan tijdens deze module een zakelijke website bouwen met behulp van Bootstrap. De website is voor jezelf en te gebruiken als portfolio. De volgende zaken moeten opgeleverd worden: • Logo • Slogan • Webpagina met logo en slogan d.m.v. bootstrap geschikt voor meerdere devices (2 kollomen)