bootstrap3 超链接,如何使用bootstrap v3使整个表格单元格具有超链接时可单击

This is how i am trying but it does not work

The only thing is, it gets 100% width equal to table cell width but the height does not change. How can i make the entire table cell clickable?

Here what i do

click here

And this is inside my CSS file

.btn-full {

display: block;

width: 100%;

height: 100%;

}

The bootstrap version i use is v 3.3.6

I am testing with latest version chrome : Version 51.0.2704.106 m

解决方案

In your case, since other td in same row has more content, you need to make all your td contents as equal height. Below code should work for above issue.

td{overflow:hidden;}

.btn-full {

display: block;

width: 100%;

height: 100%;

margin:-1000px;

padding: 1000px;

}