課程
/前端開發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap(基礎(chǔ))
試試看看怎么樣
2015-05-08
源自:玩轉(zhuǎn)Bootstrap(基礎(chǔ)) 4-6
正在回答
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>列的嵌套</title><link rel="stylesheet" ><link rel="stylesheet" href="style.css"></head><body><div class="container">? <div class="row">??? <div class="col-md-8">????? 我的里面嵌套了一個網(wǎng)格????? <div class="row">??????? <div class="col-md-6">????????????? <table class="table table-bordered">??????????????? <thead>??????????????????? <tr>??????????????????????? <th>序號</th>??????????????????????? <th>名稱</th>??????????????????????? <th>內(nèi)容</th>??????????????????? </tr>??????????????? </thead>???????????????? ???????????????? <tbody>??????????????????? <tr>??????????????????????? <td>01</td>??????????????????????? <td>晚上</td>??????????????????????? <td>這是內(nèi)容</td>??????????????????? </tr>??????????????? </tbody>????????????? </table>?????????????? ???? ???????? </div>??????? <div class="col-md-6">col-md-6</div>????? </div>??? </div>??? <div class="col-md-4">col-md-4</div>? </div>? <div class="row">??? <div class="col-md-4">.col-md-4</div>??? <div class="col-md-8">????? 我的里面嵌套了一個網(wǎng)格????? <div class="row">??????? <div class="col-md-4">????????????? <table class="table table-bordered">??????????????? <thead>??????????????????? <tr>??????????????????????? <th>序號</th>??????????????????????? <th>名稱</th>??????????????????????? <th>內(nèi)容</th>??????????????????? </tr>??????????????? </thead>???????????????? ???????????????? <tbody>??????????????????? <tr>??????????????????????? <td>01</td>??????????????????????? <td>晚上</td>??????????????????????? <td>這是內(nèi)容</td>??????????????????? </tr>??????????????? </tbody>????????????? </table>??????? </div>??????? <div class="col-md-4">col-md-4</div>??????? <div class="col-md-4">col-md-4</div>????? </div>??? </div>? </div></div></body></html>
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
2 回答我也試試喔
2 回答bootstrap不試用他響應(yīng)式怎么辦
3 回答如果看第一個效果不明顯的 點我這個試試效果
2 回答那幾個自定義事件我試了怎么一點效果都沒?
3 回答測試問答菜單功能...
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-12-14
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>列的嵌套</title>
<link rel="stylesheet" >
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
? <div class="row">
??? <div class="col-md-8">
????? 我的里面嵌套了一個網(wǎng)格
????? <div class="row">
??????? <div class="col-md-6">
????????????? <table class="table table-bordered">
??????????????? <thead>
??????????????????? <tr>
??????????????????????? <th>序號</th>
??????????????????????? <th>名稱</th>
??????????????????????? <th>內(nèi)容</th>
??????????????????? </tr>
??????????????? </thead>
???????????????? ?
??????????????? <tbody>
??????????????????? <tr>
??????????????????????? <td>01</td>
??????????????????????? <td>晚上</td>
??????????????????????? <td>這是內(nèi)容</td>
??????????????????? </tr>
??????????????? </tbody>
????????????? </table>
?????????????? ?
??? ?
??????? </div>
??????? <div class="col-md-6">col-md-6</div>
????? </div>
??? </div>
??? <div class="col-md-4">col-md-4</div>
? </div>
? <div class="row">
??? <div class="col-md-4">.col-md-4</div>
??? <div class="col-md-8">
????? 我的里面嵌套了一個網(wǎng)格
????? <div class="row">
??????? <div class="col-md-4">
????????????? <table class="table table-bordered">
??????????????? <thead>
??????????????????? <tr>
??????????????????????? <th>序號</th>
??????????????????????? <th>名稱</th>
??????????????????????? <th>內(nèi)容</th>
??????????????????? </tr>
??????????????? </thead>
???????????????? ?
??????????????? <tbody>
??????????????????? <tr>
??????????????????????? <td>01</td>
??????????????????????? <td>晚上</td>
??????????????????????? <td>這是內(nèi)容</td>
??????????????????? </tr>
??????????????? </tbody>
????????????? </table>
??????? </div>
??????? <div class="col-md-4">col-md-4</div>
??????? <div class="col-md-4">col-md-4</div>
????? </div>
??? </div>
? </div>
</div>
</body>
</html>