How to design beautiful responsive visualforce pages with BootStrap3 ?
In my last post here, I have mentioned how to use BootStrap with Salesforce, sooner the BootStrap3 was released and I received many complaints from readers out here that for some reason BootStrap3 is not compatible with Visualforce.
I therefore quickly designed this bootstrap responsive template using BootStrapV3 free template page and incorporated into VisualForce Page in Salesforce. This page handle responsive behavior, which is if you reduce/shrink the size of pages then the design changes it layout, which makes it perfectly suited for Mobile/IPad or any other device as well.
Keeping the guidelines provided here Google WebPage Design Best Practices. I removed the static resources of Javascript/CSS Stylesheet from my page and instead added a CDN. Adding CDN, makes the page load faster and you can copy this code verbatim in your org to run and test without downloading and uploading BootStrap files.
What is CDN ?
For those of you who don't now what is CDN here is quick explanation provided by Whatis.com
A content delivery network (CDN) is an interconnected system of computers on the Internet that provides Web content rapidly to numerous users. CDNs are used by Internet service providers (ISPs) to deliver static or dynamic Web pages but the technology is especially well suited to streaming audio, video, and Internet television ( IPTV ) programming.
Check out the code here, copy-paste and run in your organization to give a try. Let me know, if you have some better template to share, I would be posting some enhanced template pretty soon
| 12345678910111213141516171819202122232425262728 |
|

29 comments
The information you have given here is truly helpful to me. CCNA- It’s a certification program based on routing & switching for starting level network engineers that helps improve your investment in knowledge of networking & increase the value of employer’s network, if you want to take ccna course in Chennai get into FITA, thanks for sharing…
Replyccna training in Chennai | ccna training institute in Chennai
What i really like about salesforce is its user friendly UI and it is a cloud based tool so it can be accessed from any where. Also there is a mobile app and the features are such that any sales rep would fall for it.
Replysalesforce training in chennai|salesforce training institute in chennai|salesforce training institutes in chennai
Really interesting content which is unique which provided me the required information.
ReplySCM training in chennai
Thanks for sharing this valuable information.
Replyieee java projects in chennai
ieee dotnet projects in chennai
mba projects in chennai
be projects in chennai
ns2 projects in chennai
mca projects in chennai
bulk projects in chennai
bsc projects in chennai
msc projects in chennai
very nice and informative blog
Replybig data projects chennai
Quite Interesting post!!! Thanks for posting such a useful post. I wish to read your upcoming post to enhance my skill set, keep blogging.
ReplyRegards,
Salesforce Training in Chennai|Salesforce Course in Chennai
I really like this post. Medical practice management software that supports Medical Practitioner to organize their practice in a smart and efficient manner so as to increase productivity.Thanks for sharing Cloud computing Training | Cloud computing Training in Chennai
ReplyNice post keep do posting The Info was too good
ReplyDevops ONline Training
IT training instiutute
Thanks for sharing the information
Thank you so much for all the wonderful information about sensors! I love your work
ReplySalesforce Training in Chennai | Salesforce Training | Salesforce Training Institutes in Chennai
I have read your blog its very attractive and impressive. I like your blog salesforce Online Course
ReplySuch an excellent and interesting blog, do post like this more with more information, this was very useful, Thank you.
ReplySalesforce Training in Chennai
Salesforce Certification
I love all of your signs, but the apples and pumpkin sign are perfect for this season!
ReplySalesforce Training in Chennai |
Salesforce Training |
Salesforce Training Institutes in Chennai
you make beautiful signs. I've got to learn to do this. Maybe after I conquer "the beast."
ReplyCloud computing Training |
Cloud computing Training in Chennai |
Cloud computing courses in Chennai
useful for the seekers who get good attention in the area.
ReplySalesforce Training In Chennai
Wow! What an article.. and beautiful photos! And just at the right time!
ReplyJAVA Training in Chennai |
JAVA Course in Chennai |
Best JAVA Training in Chennai
Comprehensive article and breathtaking images...
ReplyBig Data Training in Chennai |
Big Data Training |
Big Data Course in Chennai
Very nice and helpful information has been given in this article about emr software . I like the way you explain the things. Keep posting. Thanks..
ReplyHadoop Training Chennai |
Hadoop Training in Chennai |
Best JAVA Training in Chennai
that is good
ReplyCloud computing Training |
Cloud computing Training in Chennai |
Cloud computing courses in Chennai
Wow such a nice post which you uploaded here. Thanks for sharing so nice article. It really helps me out.
ReplyAngularjs Development Company |
Hire Angularjs Developer
Your very own commitment to getting the message throughout came to be rather powerful and have consistently enabled employees just like me to arrive at their desired goals.
ReplyData science Course Training in Chennai | Data Science Training in Chennai
RPA Course Training in Chennai | RPA Training in Chennai
AWS Course Training in Chennai | AWS Training in Chennai
Devops Course Training in Chennai | Best Devops Training in Chennai
Selenium Course Training in Chennai | Best Selenium Training in Chennai
Java Course Training in Chennai | Best Java Training in Chennai
Web Designing Training in Chennai | Best Web Designing Training in Chennai
Its a wonderful post and very helpful, thanks for all this information.
ReplyCCNA Training in Delhi
Thanks for sharing this post.Keep sharing more like this.
Replyoceanofquotes
Guest posting sites
And indeed, I’m just always astounded concerning the remarkable things served by you. Some four facts on this page are undeniably the most effective I’ve had.
ReplySOFTWARE TRAINING IN CHENNAI
POWERBI TRAINING IN CHENNAI
CCNA TRAINING IN CHENNAI
ANDROID TRAINING IN CHENNAI
MATLAB TRAINING IN CHENNAI | BEST MATLAB TRAINING IN CHENNAI
EMBEDDED SYSTEMS TRAINING IN CHENNAI | BEST EMBEDDED TRAINING IN CHENNAI | EMBEDDED SYSTEMS COURSE IN CHENNAI
MCSA / MCSE TRAINING IN CHENNAI | BEST MCSE TRAINING IN CHENNAI | MCSE COURSE IN CHENNAI
CCNA TRAINING IN CHENNAI | BEST CCNA TRAINING IN CHENNAI | CCNA COURSE IN CHENNAI
ANDROID TRAINING IN CHENNAI | BEST ANDROID TRAINING IN CHENNAI | ANDROID COURSE IN CHENNAI
And indeed, I’m just always astounded concerning the remarkable things served by you. Some four facts on this page are undeniably the most effective I’ve had.
ReplySalesforce training in chennai | Salesforce training institute in chennai | Salesforce course in chennai | Salesforce certification in chennai
ReplyThis blog is very useful for the young generation and I like this content. Your written way is very attractive to me and kindly updating them..!
Corporate Training in Chennai
Corporate Training Companies in Chennai
Oracle DBA Training in Chennai
Linux Training in Chennai
Job Openings in Chennai
Oracle Training in Chennai
Tableau Training in Chennai
Unix Training in Chennai
Corporate Training in Adyar
Corporate Training in Annanagar
It's really magnificent article! which you have posted is very useful..
ReplyTOEFL Coaching in Chennai
TOEFL Training in Chennai
French Classes in Chennai
vue test center in chennai
German Language Course in Chennai
IELTS Coaching centre in Chennai
Best Spoken English Classes in Chennai
TOEFL Coaching in VelaChery
TOEFL Coaching in Tambaram
TOEFL Coaching in Anna Nagar
Great article. Thanks for sharing Such a worthy information....
ReplySelenium Training in Chennai
Selenium Training in Bangalore
Selenium Training in Coimbatore
Best Selenium Training in Bangalore
Selenium Course in Bangalore
Selenium Training Institute in Bangalore
selenium training in marathahalli
Software Testing Course in Chennai
Hacking Course in Bangalore
The way you have explained your point of view in AWS technology is fantastic. I agree to your points.I am looking forward to gain more knoweledge in cloud computing. Keep updating with us.
ReplyMicrosoft Windows Azure Training | Online Course | Certification in chennai | Microsoft Windows Azure Training | Online Course | Certification in bangalore | Microsoft Windows Azure Training | Online Course | Certification in hyderabad | Microsoft Windows Azure Training | Online Course | Certification in pune
Post a Comment