使用Bootstrap创建SharePoint Visual Webpart

Question

我正在创建一个响应性的共享点可视Web部件。一切正常，看起来不错，但我的移动视图几乎不可用。控件不会缩小到最小的移动尺寸。我尝试了很多次，但仍然遇到相同的问题。

  <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

您的代码似乎没问题....

尝试添加（如果没有添加）

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

母版页头部分

Answer 2

请您帮助我如何将引导程序添加到Webpart中？