Div not Showing on extra small devices (xs) bootstrap

Question

I have some divs that change if the user access from a desktop, a tablet or a mobile, and i have some issues with the div mobile i am using right now, i used this code to show if the resolution is the smallest one

<div class="col-md-9 contenidox hidden-lg hidden-md hidden-sm">

But it's not showing anything when i resize the browser to a small size (like mobile devices)

Here is my bootply code

http://www.bootply.com/LG64Xhg8GG

Answer 1

问题是其他div继承了css类，关闭了div标签并开始工作

Answer 2

它固有地使用hidden-sm，因此只需设置xs的col，例如col-xs-12

Answer 3

请删除hidden-sm class ，并将其替换为col-sm-12 。

Answer 4

You can use visible-xs class. below the example is...

<div class="col-md-9 contenidox visible-xs">

now it is visible on mobile only.