Html 带有隐藏-*引导类的浮动div出现问题

我有下一个代码：

<div class="container-fluid">

        <img src="images/w2.png" alt="W logo" class="center-block visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">

        <h2 class="center-block visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">This is h2 header</h2>

        <div class="hidden-xs visible-sm-inline-block visible-md-inline-block visible-lg-inline-block pull-right">

            <div class="row">
                <img src="images/user.png" alt="User image" class="col-sm-3 img-circle">
                <span class="col-sm-9">Non register user</span>
            </div>

            <div class="row">
                <button type="button" class="btn btn default btn-large col-sm-6">Log in</button>
                <button type="button" class="btn btn default btn-large col-sm-6">Register</button>
            </div>

        </div>

    </div>

这是h2标题
非注册用户
登录
登记

上面的代码只显示了一个div，其中包含一个50x50px的映像和一个h2，以及另一个由.pull right类浮动的div。我的问题出现在视口大小设置超过超小尺寸（xs）时；浮动div以xs大小消失（此时一切正常），但稍后当视口变小（sm）或更大时，浮动div显示在另一行：img和h2的正下方

我怎样才能解决这个问题？多谢各位

编辑上述问题：

我要寻找的行为是，div.hidden-xs仅在视口的大小大于超小尺寸（xs）时才显示，并且它在img和h2的同一行上水平对齐（右浮动）

如果

给您带来麻烦，那是因为您只将类

隐藏了xs

，谢谢您。因为该类仅在视口为xs时表示隐藏。另一方面，您将

可见sm内联块

和

可见md内联块

，因此

div

当然会出现在

img

和

h2

的下方

参考：

你为什么不试试

<div class="hidden-xs pull-right">

编辑： 参考：

我想我以前的想法是错误的，对不起。我认为您的

和

不在类

可见的
中
 如果
让您感到不安，那是因为您只将类
放入隐藏的xs
。因为该类仅在视口为xs时表示隐藏。另一方面，您将
可见sm内联块
和
可见md内联块
，因此
div
当然会出现在
img
和
h2
的下方

参考：

你为什么不试试

<div class="hidden-xs pull-right">



编辑：
参考：

我想我以前的想法是错误的，对不起。我认为您的
和
不在类
可见的
中
 感谢您的回复和关注。我编辑了这个问题；我错过了更多的细节。我要寻找的是，div.hidden-xs仅在de-viewport的大小大于xs时出现，并且也出现在img和h2元素的同一行。感谢您的回复和关注。我编辑了这个问题；我错过了更多的细节。我要寻找的是div.hidden-xs仅在de-viewport的大小大于xs时出现，并且也出现在img和h2元素的同一行。