HTML部分内容只在手机端显示内容（自适应）

在css布局的后面加上

@media (min-width: 768px){#name{display:none;}}

这段代码的意思是当屏幕宽大小大于768px时执行{}内的css样式，即id名为name显示。

下面是三种屏幕大小不同时应该适应的media类型

/* 小屏幕（平板，大于等于 768px） */

@media (min-width: @screen-sm-min) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: @screen-md-min) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: @screen-lg-min) { ... }