{"id":1000,"date":"2012-05-02T01:12:54","date_gmt":"2012-05-02T01:12:54","guid":{"rendered":"http:\/\/congnghepc.com\/2012\/05\/02\/twitter-bootstrap-bo-cong-cu-css-tu-twitter\/"},"modified":"2017-04-13T13:26:00","modified_gmt":"2017-04-13T13:26:00","slug":"twitter-bootstrap-bo-cong-cu-css-tu-twitter","status":"publish","type":"post","link":"https:\/\/tapchicntt.com\/twitter-bootstrap-bo-cong-cu-css-tu-twitter\/","title":{"rendered":"Twitter Bootstrap – B\u1ed9 c\u00f4ng c\u1ee5 CSS t\u1eeb Twitter"},"content":{"rendered":"

\n\tTwitter Bootstrap cung c\u1ea5p l\u01b0\u1edbi c\u1ed1 \u0111\u1ecbnh (fixed) r\u1ed9ng 940px và 16 c\u1ed9t. T\u1ea5t nhiên là c\u0169ng có gi\u1ea3i pháp cho vi\u1ec7c dùng layout d\u1ea1ng \u0111\u1ed9ng (fluid).<\/p>\n

\n\tStyle c\u1ee7a các ph\u1ea7n t\u1eed HTML trong Twitter Bootstrap khá \u0111\u01a1n gi\u1ea3n và thanh l\u1ecbch. Ví d\u1ee5 nh\u01b0 ph\u1ea7n \u0111\u1ed5 bóng trong input, highlight c\u1ee7a b\u1ea3ng bi\u1ec3u, các mã CSS hi\u1ec3n th\u1ecb c\u1ea3nh báo, tabs, phân trang…<\/p>\n

\n\t <\/span>\"\" <\/span><\/p>\n

\n\tCách s\u1eed d\u1ee5ng<\/h3>\n

\n\tT\u1ea5t c\u1ea3 nh\u1eefng gì b\u1ea1n c\u1ea7n là thêm m\u1ed9t file CSS vào header c\u1ee7a trang web:<\/p>\n

\n\t<<\/code>link<\/code> rel<\/code>=<\/code>"stylesheet"<\/code> href<\/code>=<\/code>"http:\/\/twitter.github.com\/bootstrap\/assets\/css\/bootstrap-1.0.0.min.css<\/a>"<\/code>><\/code><\/p>\n

\n\tSau \u0111ó hãy th\u1eed các thành ph\u1ea7n nh\u01b0 h1, h2, table, form… trên file html c\u1ee7a b\u1ea1n. Ph\u1ea7n h\u01b0\u1edbng d\u1eabn chi ti\u1ebft tên class, cách d\u1ee5ng grid b\u1ea1n xem t\u1ea1i http:\/\/twitter.github.com\/bootstrap\/<\/a>.<\/p>\n

\n\tN\u1ebfu b\u1ea1n thích s\u1eed d\u1ee5ng Less<\/a> (m\u1ed9t cách x\u1eed lý CSS giúp phát tri\u1ec3n web nhanh & d\u1ec5 h\u01a1n) h\u01a1n là s\u1eed d\u1ee5ng CSS t\u0129nh b\u1ea1n có th\u1ec3 xem thêm h\u01b0\u1edbng d\u1eabn trên trang ch\u1ee7 c\u1ee7a Twitter Bootstrap<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

B\u1ed9 công c\u1ee5 Twitter Bootstrap<\/strong><\/a> \u0111\u01b0\u1ee3c t\u1ea1o b\u1edfi Twitter giúp b\u1ea1n làm CSS nhanh h\u01a1n khi b\u1eaft \u0111\u1ea7u phát tri\u1ec3n m\u1ed9t website m\u1edbi.<\/p>\n

\n\tTwitter Bootstrap bao g\u1ed3m các mã CSS + HTML c\u01a1 b\u1ea3n cho typography, forms, buttons, tables, grids, navigation, và nhi\u1ec1u thành ph\u1ea7n khác c\u1ee7a website.<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[145],"tags":[],"class_list":["post-1000","post","type-post","status-publish","format-standard","hentry","category-html-css"],"views":458,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/1000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=1000"}],"version-history":[{"count":0,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/1000\/revisions"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=1000"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=1000"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=1000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}