Click here to learn how to develop websites with seeing the changes directly in the browser.
I've been accelerating my website developing process by using a nice little javascript library.
The only thing that is needed to do is to include the library in the <head> tag of your site, while you are developing.
It reloads the css files that are included before the library is included.
For Example:
<head>
<link rel="stylesheet" href="/css/template.css" type="text/css" media="screen" />
<script type="text/javascript" src="/cssrefresh.js"></script>
<link rel="stylesheet" href="/css/bootstrap.css" type="text/css" media="screen" />
</head>
Since you are probably not going to change bootstrap.css there is no need to reload it every second.
Now your changes are going to show up in your browser instantly.
Notice: Don't forget to remove this or add some kind of toggle like: site.php?cssrefresh=1 before going live, because it uses a lot of bandwith.