åªè¦æ¨å
·å¤HTMLåCSSçåºç¡ç¥è¯ï¼æ¨å°±å¯ä»¥å¼å§å¦ä¹ Bootstrapã
å¦ä¹ Bootstrapï¼bootstrapç¯å¢æ建
1ãé¦å
ä½ ç¡®å®è¦ä¿è¯ä½ æéè¦çå¼ç¨ä½ é½æ, è¿è¦ä¿è¯è¿è¡çæå°ç¹. éè¦3个å¤é¨æ件, A, B, C, å¦ææ¯ä½ æ¾å°çä¸æ®µä»£ç , è¦ç¡®ä¿è½å¤è¿è¡, ä¸è¬æ
åµä¸, ä¸ä¸ªæ¡æ¶é½ä¼ç»ä½ ä¸ä¸ªæåºæ¬çä¾å, bootstrapä¹ç»åºäºä¸ä¸ªç®åçä¾å. å
¨é¨æ¾å¨ä¸é¢, ç¶åæjs. é½æ¾å¨é¡µé¢çæä¸é¢, è¿æ ·è½å¤æ´å¥½çå 载页é¢æ¸²æ. å»ºè®®ä½ ä½¿ç¨æåºæ¬ç页é¢å»ä¿®æ¹ä½ éè¦ç页é¢, èä¸è¦åå°æç
§èªå·±çéæ±æ¥å代ç . ä¸è¦å¤å¶, ç²è´´ã
2ãBootstrapä¸å
ç½®äºä¸å¥ååºå¼ç, 移å¨ä¼å
çæµå¼æ
æ ¼ç³»ç», éçä¸åç设å¤, ä¸åçå¹³å°. æè
çªå£å¤§å°(viewport), æ ¹æ®ä»ä»¬çä¸åç³»ç»ä¼èªå¨çåæ12份. ä¹å°±æ¯è¯´, æ
æ ¼ç³»ç»æ¯éè¿ä¸ç³»åçè¡ååæ¥ç»ææ们éè¦ç页é¢, ç¶åæä½ éè¦çå
容æ¾å¨è¿äºçå¸å±ä¸ã
3ãå¨tableä¸, å¡«åä¸ä¸ªclass为.tableçæ ·å¼å³å¯çæä¸ä¸ªå¾å¥½å¾å®ç¨çè¡¨æ ¼. å
¶å®, è¿äºé½æ¯å«äººæå建ç«å¥½ç页é¢æ¾ç¤ºææ, å°±æ¯ä¸ç¨èªå·±åå»åä¸äºç®åçcssææ. å¤ç». å¤ä½¿ç¨å®å°±å±äºä½ ã
温馨提示:答案为网友推荐,仅供参考