Создание визуальной веб-части SharePoint с помощью Bootstrap

Question

Я создаю отзывчивую визуальную веб-часть sharepoint. все работает отлично и хорошо выглядит, но мой мобильный вид в значительной степени отключен. элементы управления не сжиматься до самого низкого мобильного размера .. я пробовал много раз, но до сих пор у меня есть один и тот же вопрос ..

<fieldset class="form-horizontal"> 

     <div class="control-group"> 
      <label class="control-label col-xs-8 col-md-3 " for="textinput">Name: 
      </label> 
      <div class="controls col-xs-8 col-md-7">      
       <asp:TextBox MaxLength="50" runat="server" ID="txtTitle" CssClass="form-control"> 
       </asp:TextBox> 
      </div> 
     </div> 
     <div class="clearfix"> 
     </div> 
     <!-- Select Basic --> 
     <div class="control-group"> 
      <label class="control-label col-xs-8 col-md-3 " for="selectbasic">Ano: 
      </label> 
      <div class="controls col-xs-8 col-md-2"> 

       <asp:DropDownList runat="server" ID="ddYear" CssClass="form-control"> 
       </asp:DropDownList> 
      </div> 
     </div> 
     <div class="control-group"> 
      <label class="control-label col-xs-8 col-md-3 " for="selectbasic">Mes: 
      </label> 
      <div class="controls col-xs-8 col-md-2"> 

       <asp:DropDownList runat="server" ID="ddMonth" CssClass="form-control"> 
       </asp:DropDownList> 
      </div> 
     </div> 
     <div class="clearfix"> 
     </div> 
     <!-- Text input--> 
     <div class="control-group"> 
      <label class="control-label col-xs-8 col-md-3 " for="textinput">Tema de Salud: 
      </label> 
      <div class="controls col-xs-8 col-md-7"> 

       <asp:DropDownList runat="server" CssClass="form-control" ID="ddHealthTopic"> 
       </asp:DropDownList> 
      </div> 
     </div> 
     <div class="clearfix"> 
     </div> 
     <div class="control-group"> 
      <label class="control-label col-xs-8 col-md-3 " for="textinput">Unidad administrativa:(por sus siglas en ingles entre paréntesis) 
      </label> 
      <div class="controls col-xs-8 col-md-7"> 

       <asp:DropDownList runat="server" CssClass="form-control" ID="ddOrgUnit">       
       </asp:DropDownList> 

      </div> 
     </div> 



    </fieldset> 
    <br /> 
<div class=" col-xs-10 col-md-10"> 
<div class="input-group" > 
     <span class="input-group-btn">  
         <asp:Button CssClass="btn btn-primary" ToolTip="Buscar" runat="server" ID="btnSubmit" Text="Buscar" OnClick="btnSubmit_Click" />     
      </span> 

    </div> 
</div> 

Answer 1

Ваш код, кажется, хорошо ....

Try добавить (если его нет) Там

<meta name="viewport" content="width=device-width, initial-scale=1"> 

головной секции вашей главной страницы