pannel面板中嵌套table的bug

来源:7-29 面板--面板中嵌套表格

likeflower950

2016-05-13 18:34

错误地方:在第二种情况下下,只能把table放在面板的最后面,也就是panel-footer元素上面,不然的话,table是没有最下面一行的border的,不知道怎么出这种bug

写回答 关注

2回答

  • 萧逸雨
    2016-05-14 11:52:03
    已采纳
    <div class="panel panel-primary ">
    		<div class="panel-heading">
    			asdasdasd
    			<span class="close">x</span>
    		</div>
    		<div class="panel-body">
    			
    		</div>
    		<div class="contanier">
    		<table class="table table-bordered">
    				<tr>
    					<td>dasd</td>
    					<td>xzcxzc</td>
    				</tr>
    				<tr>
    					<td>dasd</td>
    					<td>xzcxzc</td>
    				</tr>
    				<tr>
    					<td>dasd</td>
    					<td>xzcxzc</td>
    				</tr>
    			</table>
    		</div>
    		<div class="panel-footer">
    			asdjaskdjkas
    		</div>
    	</div>

    给table加一个div包裹起来,

    JS嘛霸哥

    包裹div可以设置margin-left/right: -1px 就可以消除多出来的1px的边框了

    2017-03-03 23:14:27

    共 2 条回复 >

  • likeflower950
    2016-05-14 15:29:58

    这不失是一个好办法,只是table的左右边框跟panel的边框重叠了,显示的border变粗了

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题