-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
10 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -33,10 +33,7 @@ <h1>Boostrap harjoite eri osioiden mukaisesti</h1> | |
<div class="row"> | ||
<div class="col-md-8"> | ||
<div class="alert alert-info">Tervetuloa, sivusto on kesken ja työstämme asioita, päivitämme tarpeen mukaan</div> | ||
|
||
|
||
</article> | ||
|
||
<section> | ||
<div class="row"> | ||
<div class="col-md-3"> | ||
|
@@ -66,6 +63,16 @@ <h5>kortti</h5> | |
</div> | ||
</div> | ||
</section> | ||
<article> | ||
<h3>Miksi Boostrappia tulisi käyttää</h3> | ||
<p>1. se on helppo ja tehokas kyky saada sivusto pystyyn, komponenttejen ja kirjastojen avulla.</p> | ||
<p>2. se on mobiiliystävällinen ja sopeutuu kaikille eri näyttökovoille ilman extra työstöä.</p> | ||
<p>3. Se tukee monia selaimia ja laitteita ongelmitta.</p> | ||
<h3>Miksi Boostrappia ei tulisi käyttää</h3> | ||
<p>1.Liiallinen kirjastokoko ja komponenttien määrä voi hidastaa sivustojen latausta ja toimivuutta, mikäli se ei tarvitse niitä kaikkia.</p> | ||
<p>2.Se on hyvin rajoittava työkalu ja ei tarjoa joustavuutta, jolloin sen kehys voi olla haitallinen sivulle.</p> | ||
<p>3. Boostrap on hyvin laajalle käytetty ja sen käyttö voi vaikeuttaa sivuston ainutlaituisuuden tai brändin luomista</p> | ||
</article> | ||
</main> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> | ||
|
||
|