Typechoنىڭ سۈكۈت ئۇسلۇبىنى Bootstrap ئىشلىتىپ قايتا يېزىش(1)

ئەمىسە باشلىدۇق!
Typechoنىڭ سۈكۈتتىكى ئۇسلۇبى زىيادە ئاددىي بولغانلىقى ئۈچۈن ئۇنى ئۆزىمىزگە ياققۇدەك قىلىپ ئۆزگەرتىشىمىز زۆرۈر بولىدۇ. Bootstrapكە بولغان ئوتتەك قىزىقىشىم سەۋەبى بىلەن بۇ ئۇسلۇبنى قايتا يازماقچى بولدۇم. ئۇسلۇب ھۆججەتلىرىنى بىر قۇر كۆزىتىش ئارقىلىق ئۇسلۇب كودلىرىنىڭ خېلىلا ئۆلچەملىك ۋە رەتلىك يېزىلغانلىقىنى، خېلى جايلىرىنىڭ Bootstrapكە ئوخشاش قېلىپ ئىشلىتىدىغانلىقىنى ھېس قىلدىم. شۇنىڭ بىلەن ئىشنى رەسمىي باشلاپ كەتتىم.

1-قەدەم: ئۇدۇللا header.php ۋە footer.php ھۆججىتىنى ئېچىپ ئەسلى ئۇسلۇبنىڭ CSS ۋە JS كودلىرىنى پاكىز يۇيۇپ تاشلىدىم.
2-قەدەم: ئاندىن Bootstrapكە ئائىت دەرسلىكىمىزدە تىلغا ئالغان CSS ۋە JS ھۆججەتلىرىنى ئۇلىدىم.
3-قەدەم: بەت قارىماققا نورمالدەك تۇرغان بىلەن ئايرىم مەسىلىلەر ساقلانغان ئىدى، شۇنىڭ بىلەن ئىنچىكىلەپ تەكشۈرۈش ئارقىلىق ئايرىم جايلاردا container بېكىتىلمىگەن ئىدى، مۇناسىۋەتلىك كودلارنى قوشتۇم. شۇنىڭ بىلەن بەت قۇرۇلمىسى نورماللاشتى.
4-قەدەم: ئېكرانغا ماسلىشىش قىسمىنى class ئىسىملىرىغا col-md, col-sm قاتارلىق مۇۋاپىق بەلگىلەپ نورماللاشتۇردۇم.
5-قەدەم: بەت يۈزى ماسلىشىپ بولغاندىن كېيىن باش-ئايىغىغا رەڭلىك تىزىملىك قوشتۇم.

شۇنداق قىلىپ ھازىرقى ھالىتى بارلىققا كەلدى. بەتنىڭ چوڭ قۇرۇلمىسى نورماللاشتى، لېكىن ئىچكى قىسمىنىڭ رەڭ تەڭشەش ۋە گۈزەللەشتۈرۈش ئۈنۈم قوشۇش ئىشلىرى داۋاملىشىدۇ. بۇ تېمىدا تىلغا ئالغان ئىشلارنىڭ ھەممىسى HTML كودى بىلەن ئىشقا ئاشۇرۇلغان، شۇڭا كودقا قىزىقسىڭىز بىلوگۇمغا كىرىپ ئەسلى كودىنى كۆرسىڭىزلا بولىدۇ.