bootstra .caret源码问题

.caret{
display:inline-block
width:0
height:0
margin-left:2px
vertical-align:middle
border-top:4px solid
border-right:4px solid transparent
border-left:4px solid transparent
}
1.为什么宽高设置为0

1. 而且左右边框还是设置为透明呢？那难道不可以直接用pdding控制吗？
   3.源码里很有很多都用vertical-align:middle 是居中的效果？