移动浏览器中的引导网格问题

Question

嗨，我对引导网格系统有疑问。 在PC中，即使在PC浏览器中的响应模式下，一切都没问题 但是当我通过移动浏览器访问我的网站时，Div是棕色的，不在同一行。

在PC浏览器中（一切正常）

 - - - - - - - - - - - - - - - - - - - 
|    a  b  c  d  e     |  breakfast   |
 - - - - - - - - - - - - - - - - - - - 
|    a  b  c  d  e     |  10 O'clock  |
  - - - - - - - - - - - - - - - - - - - 
|    a  b  c  d  e     |  ..........  |
  - - - - - - - - - - - - - - - - - - - 

在移动浏览器中

 - - - - - - - - - - - - - - - - - - - 
|                         breakfast   |
 - - - - - - - - - - - - - - - - - - - 
|    a  b  c  d  e                    |
 - - - - - - - - - - - - - - - - - - - 
|                          10 O'clock |
 - - - - - - - - - - - - - - - - - - - 
|    a  b  c  d  e                    |
 - - - - - - - - - - - - - - - - - - - 

这是我的代码

<div class="container-fluid">
<div class="row" style="background-color: #cce9f7">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <br />
    </div>
</div>
<div class="row" style="background-color: #cce9f7">
    <div class="col-md-2 col-sm-2 col-xs-2">
        <i class="button" style="color: grey; font-family: aviny;">breakfast</i>
    </div>
    <div class="col-md-10 col-sm-10 col-xs-10">
        <asp:RadioButtonList ID="rblBreakfast" runat="server" RepeatDirection="Horizontal"></asp:RadioButtonList>
    </div>
</div>
<div class="row" style="background-color: #cce9f7">
    <div class="col-md-2 col-sm-2 col-xs-2">
        <i class="button" style="color: grey; font-family: aviny;">10 O'clock</i>
    </div>

    <div class="col-md-10 col-sm-10 col-xs-10">
        <asp:RadioButtonList ID="rbcOc10" runat="server" RepeatDirection="Horizontal"></asp:RadioButtonList>
    </div>
</div>