diff --git a/docs/content/tutorial/step_07.ngdoc b/docs/content/tutorial/step_07.ngdoc
index df7229c886bf..1116664ffd0d 100644
--- a/docs/content/tutorial/step_07.ngdoc
+++ b/docs/content/tutorial/step_07.ngdoc
@@ -148,7 +148,7 @@ __`app/partials/phone-list.html`:__
 ```html
 <div class="container-fluid">
   <div class="row-fluid">
-    <div class="span2">
+    <div class="col-md-2">
       <!--Sidebar content-->
 
       Search: <input ng-model="query">
@@ -159,7 +159,7 @@ __`app/partials/phone-list.html`:__
       </select>
 
     </div>
-    <div class="span10">
+    <div class="col-md-10">
       <!--Body content-->
 
       <ul class="phones">
@@ -185,7 +185,7 @@ We also added a placeholder template for the phone details view:
 __`app/partials/phone-detail.html`:__
 
 ```html
-TBD: detail view for {{phoneId}}
+TBD: detail view for <span>{{phoneId}}</span>
 ```
 
 Note how we are using the `phoneId` expression which will be defined in the `PhoneDetailCtrl` controller.
@@ -304,10 +304,17 @@ to various URLs and verify that the correct view was rendered.
 
 ```js
 ...
-  it('should redirect index.html to index.html#/phones', function() {
-    browser().navigateTo('app/index.html');
-    expect(browser().location().url()).toBe('/phones');
+   it('should redirect index.html to index.html#/phones', function() {
+    browser.get('app/index.html');
+    browser.getLocationAbsUrl().then(function(url) {
+        expect(url.split('#')[1]).toBe('/phones');
+      });
   });
+  
+  describe('Phone list view', function() {
+    beforeEach(function() {
+      browser.get('app/index.html#/phones');
+    });
 ...
 
   describe('Phone detail view', function() {