Mavzu: Bootstrap (INTERNET VA DASTURLASH/Dasturlash tillari) DreaMs_WorLD (4 Nov 2017 14:39) Bu mavzuda bootstrap haqida gaplashamiz...
Ashurov (4 Nov 2017 14:45) Bootstrap dasturlash tili emas, Html va css, .js lar tarkibida bolgan til komponeti, xuddi ajax js skriptlar, html jadval
....
..
.
Bootstrap(также известен какTwitter Bootstrap [2] [3] [4]) — свободный набор инструментов для создания сайтови веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.

:) DreaMs_WorLD (4 Nov 2017 17:21) wikidan o`g`irladizmi??
PS: Bootstrapni yana qaysi bo`limga ochishim mumkin endi? Agar neto ochib qo`ygan bo`sam o`zgartirilar :koz:

Bootsrap xaqida qisqacha: bootstrap bu css komponentining modifikatsiyalangan ko`rinishidir... bootstrap xozirgi kunda jaxon standarti deb tan olingani mubolag`a emas... Saytlarning qurilmalarga qarab moslashuvchanligi aynan sayt bootstrapdan foydalanib yozilgan ekanligidan dalolat beradi! :zor: Tayotabek (4 Nov 2017 18:48) Adashmayapgan bösam bundan iconkalar yasdi a ? Yo adashdimi.
Namuna chiroyli.*z menulardagi rasmlar css DreaMs_WorLD (4 Nov 2017 19:43) yo`q ikonka yasalmedi bootstrapda fontansowme (nomi shunaqa edi) fonti bor... shu fontlar orqali ikonkalar qo`yish mumkin... dimauz (28 Nov 2017 17:29) Savol boredi:
[b] Bootstrap nimaligini bildim azgina.
Savolim shuki masalan sayt yaratdik johnda unga bootstrap ni qande ulaymiz
yoki unga maxsus script bormi.???
Ikkinchi savolim: VOYDODA.COM PARVONA.COM shu saytlar xam bootstrap da qilinganmi.??? [/b] shahzodbekpro (28 Nov 2017 20:51) --Javob-- dimauz (28 Nov 2017 17:29): Savol boredi:
[b] Bootstrap nimaligini bildim azgina.
Savolim shuki masalan sayt yaratdik johnda unga bootstrap ni qande ulaymiz
yoki unga maxsus script bormi.???
Ikkinchi savolim: VOYDODA.COM PARVONA.COM shu saytlar xam bootstrap da qilinganmi.??? [/b] ---------- dimauz, parvona.com 50 ga 50 qilingan yarimmi boostrap yarimi icon ... voydoda.com esa boostrap bo'lishi kere RecogniZe (29 Dec 2017 21:28) --Javob-- dimauz (28 Nov 2017 17:29): Savol boredi:
[b] Bootstrap nimaligini bildim azgina.
Savolim shuki masalan sayt yaratdik johnda unga bootstrap ni qande ulaymiz
yoki unga maxsus script bormi.???
Ikkinchi savolim: VOYDODA.COM PARVONA.COM shu saytlar xam bootstrap da qilinganmi.??? [/b] ---------- dimauz, ayni damda johncms ga bootsrap ulab bo`lmaydi. Nega degan savol tug`ilishi tabiiy. Bir necha sabablar bor:
1- har qanday web dastur(skript) 2 qismga bo`linadi: Frontend va Backend
Frontend - dasturning tashqi ko`rinishi (html kod)
Backend - dasturning serverda joylashgan qismi (php kodi)
Standartlarga ko`ra bu ikki qism biri biri bilan aralshib ketishi kerak emas. Masalan, php kod yozilgan qismida html kodni yozib bo`lmaydi. va aksi, html qismida php kod ishlatish mumkin emas. Yuqori sifatli skript shunday yoziladi.

Ko`pincha frontend uchun maxsus shablonizator freymvorklar ishlatiladi (misol smarty).
Nega ? Agar skript 2 qismga ajratilsa, dasturchi va dizayner bir biriga halaqit bermay bir vaqtni o`zida bitta skriptni taxrirlayveradi. Eng qizig`i, dasturning phpkod qismiga judayam kam o`zgartirish kiritgan holda dasturni dizaynini o`zgartirish mumkin. Tashqi ko`rinishga hohlagan css freymvork o`rnatishingiz mumkin. Misol: Bootstrapdan jquery ga yoki jqeurymobiledan ratched ga.

Lekin, johncms bunday stantartlarga mos kelmaydigan "havaskor skript". Unda backend va frontend aralashib ketgan. Qanday qilib deysizmi ? Johncms ning hohlagan faylini ochib ko`ring, unda "echo" funksiyasi orqali ekranga ma`lumotlar chiqariladi. Bu shablonizator yo`qligidan dalolat.

Johncmsga bootstrapni o`rnatgan odam bor. Lekin u ham oldin johncms ga shablonlar sistemasini o`rnatgan. Ya`ni phpkodni html koddan ajratib olgan. Ana undan keyin bootstrapni o`rnatgan.
usoft (3 Feb 2018 11:27) Bootstrapni faqat icon larini olsa bo'ladimi BahhTeeUz (3 Feb 2018 11:30) --Javob-- usoft (3 Feb 2018 11:27): Bootstrapni faqat icon larini olsa bo'ladimi ---------- usoft, bu butush boshli dizaynlashtirilgan fremwork. Faqat icon emas usoft (3 Feb 2018 11:48) Bootstrapda faqat stillarini ishlatsa ham boladimi, index ni 6zim tuzsam ham b6ladimi Azamchik (3 Feb 2018 17:24) --Javob-- usoft (3 Feb 2018 11:48): Bootstrapda faqat stillarini ishlatsa ham boladimi, index ni 6zim tuzsam ham b6ladimi ---------- usoft, mana bitta misol http://top.rasmlar.ga tepa paneli bootstrapda iconckar formalar ham bootsrapda tuzdim reklama emas Azamchik (3 Feb 2018 17:26) Bootstrap 4 Bootstrap-ning eng yangi versiyasidir - bu eng mashhur HTML, CSS va JavaScript-ni tezkor , mobilyan birinchi veb-saytlar yaratish uchun mo'ljallangan.

Bootstrap 4 yuklab olish va foydalanish uchun umuman bepul! Azamchik (3 Feb 2018 17:28) Bootstrap 4 ning afzalliklari:

Oddiy foydalanish: HTML va CSS-ning asosiy ma'lumotlariga ega bo'lgan har bir kishi Bootstrap 4dan foydalanishni boshlashi mumkin
Ta'sirchan xususiyatlar: Bootstrapning sezgir CSS vositalari telefonlarga, planshetlarga va ish stollariga mos keladi
Mobile-birinchi yondashuv: Bootstrap 4da, dastlabki mobil jihozlar yadro freymining bir qismidir
Brauzer mosligi: Bootstrap 4 barcha zamonaviy brauzerlar (Chrome, Firefox, Internet Explorer 10+, Safari va Opera) bilan mos keladi. Azamchik (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: Azamchik (3 Feb 2018 17:32)













Agar bootstrapda dizaynlashni hohlasez shundan foydalanishizi tavfsiya qilaman bexato ishledi Azamchik (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:







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 elementida quyidagi tegini qo'shing:


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 Azamchik (3 Feb 2018 17:35) Hullas bootstrapda sayt ochilar judayam zor sayt boladi :koz: :zor: Tayotabek (3 Feb 2018 18:52) Bootstrap ishlatilgan saytlarga browserdan kirsa iconlar yöq böb qoladi. Bu nimadan? Azamchik (4 Feb 2018 11:03) --Javob-- 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 KomiLov (4 Feb 2018 12:49) Bootstap iconkalaridan kora fontawesome iconkalari sifatliroq va bazida korinmay qolmaydi Tegos (4 Feb 2018 13:32) bu qanaqa nimalar tusa buladi nimaga kerak nimada ishlaydi apk KomiLov (4 Feb 2018 15:12) --Javob-- Tegos (4 Feb 2018 13:32): bu qanaqa nimalar tusa buladi nimaga kerak nimada ishlaydi apk ---------- Tegos, kop narsa qilsa boladi bunda. Juda katta imkoniyati bor. Tegos (4 Feb 2018 17:08) --Javob-- KomiLov (4 Feb 2018 15:12): Tegos, kop narsa qilsa boladi bunda. Juda katta imkoniyati bor. ---------- KomiLov, komga tushadimi yoki apkga hammi KomiLov (4 Feb 2018 17:23) --Javob-- Tegos (4 Feb 2018 17:08): KomiLov, komga tushadimi yoki apkga hammi ---------- Tegos, buni saytingizga qoshasiz bu asosan css katta imkoniyatlari bor siz va biz yarata olmagan kop narsalar tayyor kodlar bilan beriladi yaxshisi googledan qidirib koringda kop saytlari bor kodlari bilan ozingiz tushunib olasiz hozir tushuntirib bera olmayman Tegos (4 Feb 2018 18:40) --Javob-- KomiLov (4 Feb 2018 17:23): Tegos, buni saytingizga qoshasiz bu asosan css katta imkoniyatlari bor siz va biz yarata olmagan kop narsalar tayyor kodlar bilan beriladi yaxshisi googledan qidirib koringda kop saytlari bor kodlari bilan ozingiz tushunib olasiz hozir tushuntirib bera olmayman ---------- KomiLov, qanday qilishim kerak masalan qaday qulay css ga KomiLov (4 Feb 2018 20:21) --Javob-- Tegos (4 Feb 2018 18:40): KomiLov, qanday qilishim kerak masalan qaday qulay css ga ---------- Tegos, men tushuntirib berolmayman dedimku(buni ichida bez zagruzka ishlaydigan funksiyalar, sidebar va yana boshqa kop narsalari bor) ozingiz koring oson tushunasiz. Googledan bootstrap dep qidiring kop saytlarda malumktlar bor. HackerSoft (7 Aug 2018 17:24) [b]btc,[/b] bootstrap iconcalarini larkga uladim rasmlar kichikda style cssdagi qaysi kod orqali rasm iconcani kattalashtirsa buladi. http://nuriston.wox.su mana saytim oftop yo reklama ychunmas savolimga boshqa bilganlar bulsa javoblarizdi kutaman
[b]4.4333333333333 daqiqa sekund dan so'ng qo'shdi...[/b]
bootstrapda tablitsa tuzish taxlash kodlarini bilganlar yozila javob kutaman bizdan ham yordam qaytadi Tayotabek (7 Aug 2018 23:23) --Javob-- HackerSoft (7 Aug 2018 17:24): [b]btc,[/b] bootstrap iconcalarini larkga uladim rasmlar kichikda style cssdagi qaysi kod orqali rasm iconcani kattalashtirsa buladi. http://nuriston.wox.su mana saytim oftop yo reklama ychunmas savolimga boshqa bilganlar bulsa javoblarizdi kutaman
[b]4.4333333333333 daqiqa sekund dan so'ng qo'shdi...[/b]
bootstrapda tablitsa tuzish taxlash kodlarini bilganlar yozila javob kutaman bizdan ham yordam qaytadi ---------- [b]HackerSoft,[/b] Css orqali qib körmadingizmi?
Iconkani chiqarish tegiga style="width: 20px;" qilib köring HackerSoft (8 Aug 2018 07:53) [b]Tayotabek,[/b] bootstrap css larkga tushmadi. shunichun cssni bootstrap saytiga yunaltirib ishlataoldim. http://nuristona.wox.su/admin/1.js. siz aytgande qildim css.css qilib import qildim fayldagi yunaltirishga bootstrapga yunaltirdim. size ni uzgartdim kubikcha bub qoldi. TADJIKISTANES (8 Aug 2018 11:50) --Javob-- HackerSoft (7 Aug 2018 17:24): [b]btc,[/b] bootstrap iconcalarini larkga uladim rasmlar kichikda style cssdagi qaysi kod orqali rasm iconcani kattalashtirsa buladi. http://nuriston.wox.su mana saytim oftop yo reklama ychunmas savolimga boshqa bilganlar bulsa javoblarizdi kutaman
[b]4.4333333333333 daqiqa sekund dan so'ng qo'shdi...[/b]
bootstrapda tablitsa tuzish taxlash kodlarini bilganlar yozila javob kutaman bizdan ham yordam qaytadi ---------- [b]HackerSoft,[/b] <i class="fa fa-html5" style="font-size: 30px;"></i>
Shunde boladi icon razmeri HackerSoft (10 Sep 2018 17:10) Mana uxshadi http://nuriston.wox.su
bootstrapning iconca kodlarini tuliq bitta rasmda yigilganini qaydan topsa buladi. Googldan qidrsam 200 ta kodli iconca 250 ta, yoki kamro, bazlaphda tuliq rasmi bor lekin rasmning kodlari yuq. Qayda topsa buladi Umid_Dj7 (25 Nov 2018 23:10) [b]HackerSoft,[/b] haliyam wap saytlar tirikmi :koz: :koz: Manba: https://uzmasters.ru/forum/6/27/2027/