+ Start a Discussion
Shifs SalheenShifs Salheen 

Make VF pages responsive

Hi,
How can my make my Visualforce pages responsive?
Jasveer SinghJasveer Singh
Hi Salheen
                  Use this code 
and upload the bootstrap file in static resource by the name of boot


<apex:page standardStylesheets="false" showHeader="false">
   <apex:Stylesheet value="{!URLFOR($Resource.boot,'bootstrap-3.3.6-dist/css/bootstrap.min.css')}"/>
   <apex:Stylesheet value="{!URLFOR($Resource.boot,'bootstrap-3.3.6-dist/css/bootstrap.css')}"/>​
 
<apex:form >
<apex:pageBlock >
<apex:commandButton value="Submit" styleClass="btn btn-default dropdown-toggle"/>
<div class="alert alert-success" role="alert">Yes You Done It</div>
<div class="alert alert-warning" role="alert">Alert</div>
<div class="alert alert-danger" role="alert">Danger</div>
</apex:pageBlock>
</apex:form>
</apex:page>


Thanks & Regards
Jasveer Singh