15. Azamchik (750) [off]
|
TXT |
20| 3 Feb 2018, 17:31
Agar siz Bootstrap 4ni o'zingiz yuklab olishni xohlamasangiz, uni CDN (Content Delivery Network) dan qo'shishingiz mumkin.
MaxCDN Bootstrap-ning CSS va JavaScript uchun CDN-ni taqdim etadi. Bundan tashqari, jQuery-ni qo'shishingiz kerak:
16. Azamchik (750) [off]
|
TXT |
20| 3 Feb 2018, 17:32
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
Agar bootstrapda dizaynlashni hohlasez shundan foydalanishizi tavfsiya qilaman bexato ishledi
17. Azamchik (750) [off]
|
TXT |
20| 3 Feb 2018, 17:34
Bootstrap 4 bilan birinchi veb-sahifani yarating
1. HTML5 doctype qo'shing
Bootstrap 4 HTML5 elementlarini va CSS xususiyatlarini talab qiladigan HTML xususiyatlaridan foydalanadi.
Har doim HTML-ning doctype-ni sahifaning boshida, lang xislati va to'g'ri belgilar to'plami bilan birga kiriting:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
</html>
2. Bootstrap 4 ko'chma-avval
Bootstrap 4 mobil qurilmalar uchun moslashishi uchun yaratilgan. Mobilyaning birinchi uslubi yadro bazasining bir qismidir.
Kerakli renderlash va tegishdagi yaqinlashtirishni ta'minlash uchun <head> elementida quyidagi <meta> tegini qo'shing:
<meta name="viewport" content="width=device-width, initial-scale=1">
width=device-width qismi width=device-width ekran kengligidan (bu qurilmaga bog'liq ravishda o'zgaradi) rioya qilish uchun sahifaning kengligini belgilaydi.
initial-scale=1 qism birinchi marta brauzer tomonidan yuklangan birinchi zoom darajasini belgilaydi.
3. Konteynerlar
Bootstrap 4 da sayt mazmunini yopish uchun o'z ichiga olgan elementni talab qiladi.
Tanlov uchun ikkita konteyner klassi mavjud:
.container klassi sezgir aniq kenglikli konteynerni taqdim etadi
Container .container-fluid klassi to'liq kenglikli konteynerni taqdim etadi, bu kengaytirgichning kengligi
20. Azamchik (750) [off]
|
TXT |
20| 4 Feb 2018, 11:03
Tayotabek (3 Feb 2018, 18:52):
Bootstrap ishlatilgan saytlarga browserdan kirsa iconlar yöq böb qoladi. Bu nimadan?
Tayotabek, ucborowsermi minidan emas ucwebdan kirin korinadi