浅谈Bootstrap标签页
来源:互联网 发布:nginx lua redis 限流 编辑:程序博客网 时间:2024/06/05 16:12
HTML代码:
<div id="tabs"><ul class="nav nav-tabs"><li class="active"><a href="#item1" data-toggle="tab">项目一</a></li><li><a href="#item2" data-toggle="tab">项目二</a></li><li><a href="#item3" data-toggle="tab">项目三</a></li></ul><div class="tab-content"><div class="tab-pane fade in active" id="item1"><table border="1"><tr><td>购买材料1</td><td>购买材料2</td><td>购买材料3</td><td>购买材料4</td></tr><tr><td>购买材料5</td><td>购买材料6</td><td>购买材料7</td><td>购买材料8</td></tr><tr><td>购买材料9</td><td>购买材料10</td><td>购买材料11</td><td>购买材料12</td></tr><tr><td>购买材料13</td><td>购买材料14</td><td>购买材料15</td><td>购买材料16</td></tr></table></div><div class="tab-pane fade" id="item2"><table border="1"><tr><td>购买材料1</td><td>购买材料2</td><td>购买材料3</td><td>购买材料4</td></tr><tr><td>购买材料5</td><td>购买材料6</td><td>购买材料7</td><td>购买材料8</td></tr><tr><td>购买材料9</td><td>购买材料10</td><td>购买材料11</td><td>购买材料12</td></tr><tr><td>购买材料13</td><td>购买材料14</td><td>购买材料15</td><td>购买材料16</td></tr></table></div><div class="tab-pane fade" id="item3"><table border="1"><tr><td>购买材料1</td><td>购买材料2</td><td>购买材料3</td><td>购买材料4</td></tr><tr><td>购买材料5</td><td>购买材料6</td><td>购买材料7</td><td>购买材料8</td></tr><tr><td>购买材料9</td><td>购买材料10</td><td>购买材料11</td><td>购买材料12</td></tr><tr><td>购买材料13</td><td>购买材料14</td><td>购买材料15</td><td>购买材料16</td></tr></table></div></div></div>
CSS代码:
#tabs{width:550px;height:210px;background:white;}#item1,#item2,#item3{width:500px; height:120px; margin-left:20px;}#tabs table{border-collapse:collapse;margin-top:20px;}#tabs td{text-align:center;width:126px;height:30px;}#tabs ul li{margin-right:10px;}
1 0
- 浅谈Bootstrap标签页
- 自定义bootstrap标签页
- Bootstrap 标签页制作
- Bootstrap标签页插件
- BootStrap 标签页
- 标签页(Bootstrap)
- Bootstrap 标签页插件
- bootstrap标签页
- Bootstrap的标签页导航
- 【一点一滴Bootstrap】标签页Tab
- bootstrap 模态框生成标签页
- Bootstrap实现标签页效果
- (4)bootstrap标签页
- bootstrap标签页与导航
- Bootstrap 标签
- BootStrap 标签
- Bootstrap标签
- 基于Bootstrap的标签页组件bootstrap-tab使用说明
- webstorm快捷键加快编码速度
- JDK
- 【数据库开发】如何创建MySQL数据库连接池(一个基于libmysql的MySQL数据库连接池示例(C/C++版))
- 消息队列函数知识点
- B/S和C/S的区别
- 浅谈Bootstrap标签页
- Android Service 小结
- 二叉检索树的C++实现
- 随机生成1024个数,用指针进行排序,并实现二分查找
- 总结
- POJ 3745 : Training little cats(矩阵快速幂加优化)
- 哈希表等概率情况下查找成功的平均查找长度
- Java中使用IO流实现大文件的分裂与合并
- 知识点:page visibility (页面可见性)