Twitter Bootstrap 3响应式文本媒体查询

Question

我正在尝试使用bootstrap 3中的媒体查询来实现自适应文本。

示例“mystyles.less”媒体查询更少：

@media (min-width: @screen-sm-min) {
 @font-size-base:10px; 
}
@media (min-width: @screen-md-min) {
@font-size-base:12px;     
}
@media (min-width: @screen-lg-min) {
@font-size-base:14px;
}

现在当我将“mystyles.less”添加到“bootstrap.less”时，就像这样：

.
.
.
@import "variables.less";
@import "responsive-fontsize.less"; 
.
.
.

现在什么都没发生，字体大小没有响应。对问题有什么看法吗？