 |
 |
Mavzu: Bootstrap
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:
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
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| 3 Feb 2018, 17:34
Bootstrap 4 bilan birinchi veb-sahifani yarating1. 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
18. Azamchik (750) [off]
| TXT | 20| 3 Feb 2018, 17:35
Hullas bootstrapda sayt ochilar judayam zor sayt boladi 
20| 3 Feb 2018, 17:35
Hullas bootstrapda sayt ochilar judayam zor sayt boladi
19. Tayotabek
(1511) [off]
| TXT | 20| 3 Feb 2018, 18:52
Bootstrap ishlatilgan saytlarga browserdan kirsa iconlar yöq böb qoladi. Bu nimadan?
(1511) [off]
| TXT | 20| 3 Feb 2018, 18:52
Bootstrap ishlatilgan saytlarga browserdan kirsa iconlar yöq böb qoladi. Bu nimadan?
20. Azamchik (750) [off]
| TXT | 20| 4 Feb 2018, 11:03
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 korinadiBootstrap ishlatilgan saytlarga browserdan kirsa iconlar yöq böb qoladi. Bu nimadan?
Onlayn 199 (0/199)
Forumga a'zo bo'lish
Forumdan qidirish
Bosh sahifa