最佳实践3

Question

我想知道按钮大小调整的最佳实践的自举3

我的代码是：

<a href="" title="" class="btn btn-header btn-block btn-lg hidden-xs">Bonus</a> 
<a href="" title="" class="btn btn-header btn-block btn-sm visible-xs">Bonus</a> 

我觉得这种方法产生过大的文件大小如果我复制每一行。所以，也许我可以在媒体查询中覆盖btn-lg类。你怎么看？有没有“官方”的做法？

Answer 1

如果你想消除重复的标记，你可以使用CSS媒体查询，而不是和规模相应按钮的大小..

工作演示：http://bootply.com/128288

@media (max-width: 768px) {}  
@media (min-width: 768px) {} 
@media (min-width: 992px) {} 
@media (min-width: 1200px) {}