szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!

[[oktatas:web:front-end_framework:bootstrap 4|< Bootsrap 4]]

====== Kezdés ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2020
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Bootstrap kezdés =====

A Bootstrap egy szabad front-end keretrendszer,
gyors és könnyű webfejlesztéshez. Segítségével
CSS kódok helyett osztályokat határozunk meg a
HTML kódon belül.

Például:
<code html>
<p class="text-jusitfy">
</code>

Ennek az osztálynak a használata például sorkizárttá
teszi a <p> elemek tartalmát. 

===== Beszerzés =====

A Bootstrap webhelye:

  * https://getbootstrap.com/ (2020)


A Bootstrap-et vagy letöltjük, vagy CND-ről használjuk. A CDN egy hely, ahol hivatkozhatunk a weblapunkban
a Bootstrap-re.




===== Mobileszközök =====

Mobileszközökhöz állítsuk be:

<code>
<meta name="viewport" content="width=device-width, initial-scale=1">
</code>

===== CDN =====

4.x

<code>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
</code>


===== Példa =====

<code html index.html>
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="utf-8" />
<title>Bootstrap példa</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="sajat.css">
</head>
<body>

<h1>Példa weblap</h1>

<p>Bootstrap példaweblap</p>

</body>
</html>

</code>



===== Lásd még =====

  * https://getbootstrap.com/docs/4.5/getting-started/introduction/

szit

Felhasználói eszközök

Eszközök a webhelyen

Eszközök az oldalon