부트 스트랩을 사용하여 SharePoint Visual Webpart 만들기

나는 응답 형 Sharepoint 시각적 웹 파트를 만들고 있습니다. 모든 것이 잘 작동하고 좋아 보이지만 내 모바일보기는 꽤 많이 벗어났습니다. 컨트롤은 ....부트 스트랩을 사용하여 SharePoint Visual Webpart 만들기

<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>

출처

2015-01-30 user388969

귀하의 코드가 잘 될 것 같다 .. 내가 여러 번 시도했지만 여전히 같은 문제가 .. 가장 낮은 모바일 크기로

시도를 축소하지 않습니다 그것을 내가 당신의 마스터 페이지의

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

머리 부분

출처

2015-02-02 09:42:19

이 내가뿐만 아니라 다른 페이지에 부트 스트랩을 사용하고 ... 다른 장소에 영향을 미치지 않는다 (그 어떤이는 경우) 추가 ...하고 sa SharePoint Master Page ... 그냥 다른 페이지를 방해하지 않는지 확인하고 싶습니다. ..... – user388969

@ vinayak .. 한 걸음 더 가까이 다가갔습니다. 이제 한 가지 더 많은 화면 크기를 볼 수 있습니다. 문제는 내가 가지고있는 끝에있는 버튼입니다. 내 바탕 화면에서 오른쪽에 정렬하고 싶지 ...하지만 작은 화면에서 그것은 오른쪽 프레임에서 조금 ... 나는 오른쪽 정렬 그것은 모든 화면 크기에서 태블릿보기까지 작동합니다. 그러나 작은 화면에서는 경계에서 벗어납니다 ..... – user388969

전체 코드를 클래스 = "행"에 감싸기

///your webparts code goes here

–

부트 스트랩을 사용하여 SharePoint Visual Webpart 만들기

답변

관련 문제