free html website maker software

Bootstrap

Deze site is gewijd aan Bootstrap. Waarvoor Bootstrap? Bootstrap is een simpele manier om een website responsive te maken. Kort en bondig: maak een website, en deze wordt responsive op bijvoorbeeld, hoe kan het anders een IPhone. Op deze pagina's staat het studiemateriaal als testfase. CSS staat in het lettertype Open Sans in het rood (kleur #ff4e00, corps 20, bold).


Breedte scherm


Als werkbreedte is 1200 pixels gekozen. 

Deze breedte is in te stellen via de volgende

css:


CSS:
@media (min-width: 1200px) {
.container{
max-width: 1200px;
}
}
Responsive tekst

De standaard corpsgrootte is 17 punten. Na onderzoek blijkt dit de meest leesbare corpsgrootte. Het volgende blok tekst is responsive gemaakt, wat wil zeggen dat op een mobiel scherm de tekst kleiner wordt.

Op desktop: 24 punten, op mobiel: 14 punten.Make your own website in a few clicks! Mobirise helps you cut down development time by providing you with a flexible website editor with a drag and drop interface. MobiRise Website Builder creates responsive, retina and mobile friendly websites in a few clicks. Mobirise is one of the easiest website development tools available today. It also gives you the freedom to develop as many websites as you like given the fact that it is a desktop app.


Tekst responsive

Soms is het beter om op een mobiel scherm een kleinere corpsgrootte te hebben, dat kan met deze css: 


CSS:
}@media screen and (max-width: 568px) {
p { font-family: 'Montserrat', sans-serif;
font-size:14px; }
}
}
Tekst met balkje


Tekst op een gekleurd of zwart balkje is te realiseren met de volgende css:


CSS:
g { font-family: 'Montserrat', sans-serif;
font-size: 20px;
color: white;
display:block;
background: black;
text-indent: 6px;
padding:6px; }