Html 移动引导网格项

假设我们有两个引导部分。第一个有标志。第二个分区被划分为另外两个引导分区。就这样

<div class="col-md-3">
 <img src="logo.png">
</div>

<div class="col-md-9">
 <div class="col-md-12">
  <i class="fa fa-phone"></i>
  <i class="fa fa-marker"></i>
 </div>
 <div class="col-md-12">
  //Navbar
 </div>
</div>

//导航栏

现在，我的客户要求在导航链接后面的移动视图的导航区域中添加字体awesome字体部分。请看截图。社交图标放置在另一个分区中。所以我不能把它移到导航链接。但我试着用这种方式与媒体采石场合作。添加社交图标作为导航链接。在普通屏幕上隐藏，在移动视图上显示。这是达到我要求的合法途径吗

在普通屏幕上隐藏，在移动视图上显示。这是合法的吗 如何达到我的要求

请查看getbootstrap网站上的响应实用程序部分

根据屏幕大小，可以使用类来显示/隐藏元素。在你的情况下，你会有你的社会图标在一个div与隐藏的sm隐藏md隐藏lg类

<div class="hidden-sm hidden-md hidden-lg"></div>

此分区中的任何元素都将隐藏，直到屏幕达到最小，适用于智能手机

在普通屏幕上隐藏，在移动视图上显示。这是合法的吗 如何达到我的要求

请查看getbootstrap网站上的响应实用程序部分

根据屏幕大小，可以使用类来显示/隐藏元素。在你的情况下，你会有你的社会图标在一个div与隐藏的sm隐藏md隐藏lg类

<div class="hidden-sm hidden-md hidden-lg"></div>

---

此div中的任何元素都将被隐藏，直到屏幕最小，适用于智能手机。

使用引导类：

.hidden-sm 
.hidden-md
.hidden-lg

将隐藏在那些媒体查询上，您也可以使用.visible-*（*-sm，md，lg），它是相反的

另一方面，我建议使用行来分隔列：

<div class="row">
    <div class="col-md-3">
       <img src="logo.png">
    </div>

    <div class="col-md-9">
        <div class="row">
            <div class="col-md-12">
                <i class="fa fa-phone"></i>
                <i class="fa fa-marker"></i>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                //Navbar
            </div>
        </div>
    </div>
</div>

//导航栏

---

使用引导类与引导保持内联：）

：

.hidden-sm 
.hidden-md
.hidden-lg

将隐藏在那些媒体查询上，您也可以使用.visible-*（*-sm，md，lg），它是相反的

另一方面，我建议使用行来分隔列：

<div class="row">
    <div class="col-md-3">
       <img src="logo.png">
    </div>

    <div class="col-md-9">
        <div class="row">
            <div class="col-md-12">
                <i class="fa fa-phone"></i>
                <i class="fa fa-marker"></i>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                //Navbar
            </div>
        </div>
    </div>
</div>

//导航栏

与引导保持一致：）

请发布一条消息。你也忘了包括你的截图。请发布一个。你还忘了包括你的截图。