SAY HI? (415) 895-9008   |          
SCHEDULE A MEETING  | PORTFOLIO  |  M-F 9AM-5PM
I am a small company with big capabilities.

Responsive Web Design

bootstap-responsive-desing-sonoma-napa-34

You can use Bootstrap two different ways. The way I like to use it is a little more difficult to install.

The easy way…

You will want to find your main theme.php file and copy the below code to the head of this file:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

Save and that’s it. Pretty easy to do but the problem is, if you want to edit the core Bootstrap CSS you will need to install Bootstrap the hard way.

The hard way…

You will follow similar steps as mentioned above but you will be adding the core Bootstrap files to the root of your theme folder.

  1. First you will want to click here to download Bootstrap.
  2. Second you will want to upload the file you downloaded from getBootstrap.com and add it to the root of your theme folder.
  3. Third you will want to copy the below code to the head of your theme.php file and replace “yourdomain” with your own and make sure your file path is correct. Your theme may be setup differently.
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://www.yourdomain.com/wp-contnet/theme/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="http://www.yourdomain.com/wp-contnet/theme/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="http://www.yourdomain.com/wp-contnet/theme/bootstrap/3.2.0/js/bootstrap.min.js"></script>

Conclusion

Now you should be able utilize the power of Bootstrap’s responsive framework and all the goodies that come with it as well as if you need to edit anything you can edit the files on your own sever. Remember Firebug is your best friend.

Tags: , , , , ,

BrynHowlett.com

Thank you for visiting. Here you will find a playground of information for business owners and web designers, developers and internet marketers. My goal is to create simple, yet beautiful designs as well as develop intuitive and easy-to-use interfaces to make you stand out from your competition. Get in touch with me today if you are interested in my services. Contact Me or hello@brynhowlett.com

Leave a comment

  • Web Design and Marketing in San Rafael
  • Video Marketing in Marin
  • Video Production and Editing in Marin
  • Wordpress Design in Marin
  • Custom Wordpress Website Development
  • Best web design company in Sonoma
  • Great Website Design Firm Marin
  • Grow your business with a New Website
  • Small Business Web Design
  • Website designer for Hire in Marin
  • Hire a Videographer in Marin
  • Mill Valley Web Design
  • Web Design in Larkspur
  • Fairfax and San Anselmo Web Design
  • Squarespace Web Design in MArin
  • eCommerce Shopify web designer
  • Shopify Web Developer in San Rafael
  • Wordpress Responsive Website Designer

Main Info


Happy Yelpers


Contact Me

Recommended Hosting