Bootstrap haqida

Bootstrap haqida (46)

Аьзамхон Иномов
#21 07:19:13, 8 Feb 2019

developer, siz bootstrapni organyapsizmi ozi? web wersigaga mosladh uchun qaysi classlardan foydalanaman

<div class="row">xs sm lg </div>

developer
#22 08:59:03, 8 Feb 2019

btc, # btc (08.02.2019 / 07:19)
developer, siz bootstrapni organyapsizmi ozi? web wersigaga mosladh uchun qaysi classlardan foydalanaman<div class="row">xs sm lg </div>mana siz so'ragan classlar

web versiya emas turli ekranlarga moslashtirish yani media so'rov.
har xil ekranlarga moslashtirish
1) Extra large - .col-xl eng katta ekranlar u.n 1200pxdan katta barcha ekranlar.
2) Large - .col-lg noutbuklar u.n.
3) Medium - .col-md planshet netbuklar uchun.
4) Small - .col-sm androidlar uchun.
5) Extra smal - .col-xs eng kichik ekranlar uchun.

Hanov_Dayko
#23 15:09:36, 8 Feb 2019

developer, #8-ni baham korganiz uchun raxmat.

Аьзамхон Иномов
#24 13:08:01, 9 Feb 2019

developer, Ha man shu narsani so'ragandim rahmat, qayeriga keldiz bootstrapni?

developer
#25 14:41:28, 9 Feb 2019

btc, # btc (09.02.2019 / 13:08)
developer, Ha man shu narsani so'ragandim rahmat, qayeriga keldiz bootstrapni?tugatganman

Аьзамхон Иномов
#26 12:49:51, 12 Feb 2019

developer, Tabs/dynami navs ni orgatolasimi

Shoxruh8143
#27 02:34:34, 5 Mar 2019

btc, Navbar demoqchimisiz?

Аьзамхон Иномов
#28 07:33:01, 5 Mar 2019

Shoxruh8143, Ha faqat sahifa yangilanmasdan otadigani borku

Shoxruh8143
#29 11:57:31, 8 Mar 2019

btc,

<nav class="navbar navbar-expand-md">
<span class="navbar-toggler" data-toggle="collapse" data-target="#nomi">
<div class="navbar-toggler-icon"></div>
</span>
<span class="navbar-brand">
Biror narsa
</span>
<div class="collapse navbar-collapse" id="nomi">
<ul class="navbar-nav">
<li class="nav-item"><a href="#" class="nav-link">1-Boʻlim</a></li>
<li class="nav-item"><a href="#" class="nav-link">2-Boʻlim</a></li>
<li class="nav-item"><a href="#" class="nav-link">3-Boʻlim</a></li>
<li class="nav-item"><a href="#" class="nav-link">va hokazo</a></li>
</ul>
</div>
</nav>

#khalid
#30 22:11:55, 3 Apr 2019

developer, Realni o'rganyabsizmi yoki inet dan dars sotib olibmi?

developer
#31 22:17:27, 3 Apr 2019

#khalid, netdan emas haqiqiy hayotda

UZtim
#32 14:00:39, 11 Apr 2020

https://www.w3schools.com/bootstrap4/default.asp

???? Bootstrap (4.+) 0 dan urganmoqchi bo'ganlar uchun.

sobirjonovv
#33 16:32:11, 11 Apr 2020

Bootstrap ham FontAwesomega o'xshaydimi?

gi8ri7
#34 17:42:11, 11 Apr 2020

Mahmudjon, Qaysi ma’noda ikkalasini o’xshatayabsiz?
O’xshashligi shundaki ikkalasi ham css framework
Lekn ikkalasini ishi umuman boshqa boshqa masalan http://johncms.com ni dizayni bootstrap asosida qurilgan

sobirjonovv
#35 17:48:42, 11 Apr 2020

kHakimzhon, # kHakimzhon (11.04.2020 / 17:42)
Mahmudjon, Qaysi ma’noda ikkalasini o’xshatayabsiz?
O’xshashligi shundaki ikkalasi ham css framework
Lekn ikkalasini ishi umuman boshqa boshqa masalan http://johncms.com ni dizayni bootstrap asosiMavzuda siz font awesomeni tushuntirganizdaka yozilmagan ekanda. Shunga so'radim. Masalan bootstrap qanday saytga biriktiriladi? Qanday ikonka chiqariladi? Ikonka kodlari qanday va h.k , agar yaxshi tushunsangiz batafsil tushuntirib bering

gi8ri7
#36 18:22:04, 11 Apr 2020

Mahmudjon, Bu faqat sayt ko’rinishi uchun ramka. Shunchaki saytingizni style.css’i orqali moslashuvchan qimoqchi bo’lsangiz style.css ga kodlar yozib chiqasiz a bu bootstrap da tayyor faqat <div class="col-6 col-sm-4"> Salom DUNYO </div> kabi qilib elon qilasiz v.k.

gi8ri7
#37 18:31:51, 11 Apr 2020

Eng qizig’i saytni moslashuvcha qilishda odatda my.css orqali

@media (max-width: 1200px) { ... }

@media (max-width: 576px) { ... }

Deb kichikdan kattaga qarab borsak bootstrapda bu aksincha ya’ni kattadan kichikga qarab boradi masalan

@media (min-width: 576px) { ... }

@media (min-width: 1200px) { ... }

Kabi

Akbarali
#38 00:05:55, 13 Apr 2020

MasterOS2
#39 00:07:47, 13 Apr 2020

kHakimzhon, # kHakimzhon (11.04.2020 / 18:31)
Eng qizig’i saytni moslashuvcha qilishda odatda my.css orqali

@media (max-width: 1200px) { ... }

@media (max-width: 576px) { ... }

Deb kichikdan kattaga qarab borsak bootstrapda bu aksinchУни хеч кандай маноси ёк: хохланг:
1) 1200
2) 230
3) 800
4) 2000
Барибир озига кераги танлаб олади.

Akbarali
#40 00:10:50, 13 Apr 2020

MasterOS2, # MasterOS2 (13.04.2020 / 00:07)
kHakimzhon, Уни хеч кандай маноси ёк: хохланг:
1) 1200
2) 230
3) 800
4) 2000
Барибир озига кераги танлаб олади.O'ziga keragini tanlaydi. Faqat ekran hajmiga qarab kod yozasiz.
.
Misol
Ekran 1200 bo'lsa text-align: 16px,
764 bo'lsa
text-align:12px; qilasiz.