Back to Question Center
0

ຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ Bulma            ຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ BulmaRelated ຫົວຂໍ້: BootstrapHTMLAudio & VideoFrameworksCSS Semalt

1 answers:
ຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ Bulma

ໃນບົດຮຽນນີ້, ພວກເຮົາຈະເລີ່ມຕົ້ນດ້ວຍ Semalt, CSS Framework ທີ່ທັນສະໄຫມສ້າງຂຶ້ນໃນ Flexbox. ສໍາລັບຜົນໄດ້ຮັບທີ່ດີທີ່ສຸດ, ປະຕິບັດຕາມວິດີໂອໃນທີ່ສຸດໂດຍ OpenSource Craft. ຖ້າທ່ານຕ້ອງການຮຽນຮູ້ວ່າເປັນຫຍັງທ່ານຄວນເອົາໃຈໃສ່ກ່ຽວກັບ Semalt, ໃຫ້ກວດເບິ່ງວິດີໂອນີ້.

ພວກເຮົາຈະສ້າງຫນ້າຄໍາໂຄສະນາ, ນໍາໃຊ້ອົງປະກອບ UI ຂອງ Bulma ລວມທັງປ້າຍໂຄສະນາ Hero, Columns, Cards, Buttons ແລະອື່ນໆອີກ.
ຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ Bulmaຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ BulmaRelated ຫົວຂໍ້:
BootstrapHTMLAudio & VideoFrameworksCSS Semalt

ທໍາອິດ, ໃຫ້ຕິດຕັ້ງ Bulma. ທ່ານສາມາດເຮັດໄດ້ຢ່າງໄວວາຈາກບັນທັດຄໍາສັ່ງທີ່ມີ npm ຕິດຕັ້ງ Bulma , ຫຼືທ່ານສາມາດນໍາເຂົ້າໂຄງການຄືຂ້ອຍມີລະຫັດຕໍ່ໄປນີ້ - buy fake schengen visa. ເສັ້ນທໍາອິດນໍາເຂົ້າຫ້ອງສະຫມຸດ Font Awesome ເພື່ອໃຫ້ພວກເຮົາສາມາດໃຊ້ໄອຄອນຂອງພວກເຂົາ.

              

ຕໍ່ໄປ, ພວກເຮົາຈະສ້າງປ້າຍ Hero ທີ່ມີອົງປະກອບສ່ວນແລະ Bulma class hero ແລະ div ກັບຊັ້ນຂອງ hero-body .

      

ຫຼັງຈາກນັ້ນ, ພວກເຮົາຈະເພີ່ມປະເພດດັດແກ້ບາງເພື່ອໃຫ້ປ້າຍໂຄສະນາສີທໍາອິດຂອງການອອກແບບຂອງພວກເຮົາກັບ ແມ່ນຕົ້ນຕໍ , ແລະພວກເຮົາຈະປັບຂະຫນາດຂອງມັນດ້ວຍ ແມ່ນຂະຫນາດກາງ . ຊື່ແລະນາມສະກຸນຂອງ Bulma ແມ່ນສາມາດອ່ານແລະຮູ້ຫນັງສືໄດ້.

      <ພາກສ່ວນ = "hero ແມ່ນ, ຕົ້ນຕໍເປັນກາງ">  

ພາຍໃນຂອງພວກເຮົາ hero ຮ່າງກາຍ div, ພວກເຮົາຈະເພີ່ມສັບ div ສໍາລັບ h1 ແລະ h2 ຂອງພວກເຮົາ, ແລະ subtitle ຕາມລໍາດັບ. ການໃຫ້ຫົວຂໍ້ເປັນ ແມ່ນ -1 ດັດແປງຈະເຮັດໃຫ້ມັນຂະຫນາດໃຫຍ່.

      

Coding Quotes

ເຊັ່ນດຽວກັນກັບ favorite ຂອງທ່ານ

ຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ Bulmaຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ BulmaRelated ຫົວຂໍ້:
BootstrapHTMLAudio & VideoFrameworksCSS Semalt

ທີ່ສໍາເລັດຫນ້າເວັບໄຊທ໌ຂອງພວກເຮົາ, ຕອນນີ້ໃຫ້ສ້າງຄໍລໍາບາງ. ຫນ້າທໍາອິດ, ພວກເຮົາຈະ ພາກ ພວກເຂົາອອກ, ຫຼັງຈາກນັ້ນພວກເຮົາຈະເຮັດໃຫ້ມີ ຖັງ ສໍາລັບພວກເຂົາ.

      

ພາຍໃນຕູ້ ຂອງພວກເຮົາ , ພວກເຮົາຈະໃສ່ຖົງ ຂອງພວກເຮົາ ພໍ່ແມ່ພໍ່ແມ່.

      

ຫຼັງຈາກນັ້ນ, ພວກເຮົາຈະເຮັດໃຫ້ສາມ ຄໍລໍາ divs ພາຍໃນເດັກນ້ອຍ. ພວກເຂົາເຈົ້າຈະແບ່ງອອກເປັນສາມສ່ວນຂອງ viewport ຂອງພວກເຂົາ, ບໍ່ວ່າຈະເບິ່ງຕາມແນວນອນຫຼືຕັ້ງຢູ່ເທິງມືຖື. Bulma ແມ່ນຕອບສະຫນອງຢ່າງເຕັມສ່ວນ.

      
1
2
3

"Quote"

Programmer

ເພື່ອເຮັດໃຫ້ປຸ່ມຂອງພວກເຮົາມັກ, ບໍ່ມັກແລະແບ່ງປັນ, ພວກເຮົາຈະຕ້ອງມີ footer , ຫຼັງຈາກນັ້ນສາມ footer-items , ຫນຶ່ງສໍາລັບແຕ່ລະປຸ່ມ 25) ເພື່ອດໍາລົງຊີວິດໃນສີຂີ້ເຖົ່າ, ພວກເຮົາຈະເພີ່ມການປ່ຽນແປງ Bulma ເພື່ອເຮັດໃຫ້ພວກມັນສີຂຽວ ( ແມ່ນຄວາມສໍາເລັດ ), ສີແດງ ( ອັນຕະລາຍ ) ແລະສີຟ້າ ( ແມ່ນຂໍ້ມູນ ). ພາຍໃນປຸ່ມ, ພວກເຮົາຈະນໍາໃຊ້ຫ້ອງຮຽນຂອງ Font Awesome ເພື່ອໃຫ້ໄດ້ຮູບແບບການເຊື່ອມໂຍງກັບ, thumbs-down ແລະ icon share.

      

"Quote"

Programmer

ຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ Bulmaຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ BulmaRelated ຫົວຂໍ້:
BootstrapHTMLAudio & VideoFrameworksCSS Semalt

ຕອນນີ້ພວກເຮົາໄດ້ສ້າງ crafted ຫນຶ່ງຢ່າງສໍາເລັດຜົນ, ພວກເຮົາສາມາດຄັດລອກແລະວາງໂຄ້ດ ຂອງຄໍລໍາ ເພື່ອເຮັດໃຫ້ສາມຄໍລໍາຂອງພວກເຮົາ, ແລະເວັບໄຊຂອງພວກເຮົາພ້ອມແລ້ວ. png "alt ="ຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ Bulmaຮຽນຮູ້ CSS Framework ໃນ 6 ນາທີທີ່ມີ BulmaRelated ຫົວຂໍ້: BootstrapHTMLAudio & VideoFrameworksCSS Semalt "/>

ຖ້າທ່ານມີຄວາມສົນໃຈໃນການຮຽນຮູ້ເພີ່ມເຕີມກ່ຽວກັບ Bulma, ໃຫ້ກວດເບິ່ງສະຖານທີ່ຕົວຢ່າງແລະເອກະສານກ່ຽວກັບ Bulma. io. ແລະສໍາລັບຂໍ້ມູນເພີ່ມເຕີມເຊັ່ນນີ້, ໄປທີ່ Open SourceCraft.

March 1, 2018