kubernetes-ui
diff --git a/‎README.md‎
Lines changed: 3 additions & 3 deletions b/‎README.md‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎bower.json‎
Lines changed: 1 addition & 1 deletion b/‎bower.json‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎index.html‎
Lines changed: 9 additions & 9 deletions b/‎index.html‎
Lines changed: 9 additions & 9 deletions
@@ -30,7 +30,7 @@ The LabelSelector global lets you match kubernetes label selectors to sets of re
 
 ```
 // Create a new label selector
-// 
+//
 // selector (optional) - the JSON format of a label selector as returned by k8s API
 //      Example would be the label selector returned on a replication controller
 // emptySelectsAll (optional) - whether a label selector with no conjuncts
@@ -113,7 +113,7 @@ LabelFilter.onActiveFiltersChanged(function(labelSelector){})
 ### Theme
 
 
-The example theme used in `index.html` is based on bootstrap, however bootstrap is not required as a bower dependency and you can change the theme however you want.
+The example theme used in `index.html` is based on [PatternFly](https://www.patternfly.org), however [PatternFly](https://www.patternfly.org) is not required as a bower dependency and you can change the theme however you want.
 
 All icons are from [FontAwesome](http://fortawesome.github.io/Font-Awesome/icons/) which is included as a bower dependency.
 
@@ -125,7 +125,7 @@ User first selects a label key.
 
 ![Selecting a label key](screenshots/labelFilterKey.png?raw=true)
 
-Then chooses from the "in", "not in", and "exists" operators.
+Then chooses from the "exists", "does not exist", "in", or "not in" operators.
 
 ![Selecting a label selector operator](screenshots/labelFilterOperator.png?raw=true)
 
 
@@ -31,6 +31,6 @@
     "fontawesome": "~4.3.0"
   },
   "devDependencies": {
-    "bootstrap": "~3.3.4"
+    "patternfly": "3.5.1"
   }
 }
@@ -6,9 +6,9 @@
     <title>Label Selector and Filter example</title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width">
-  
-    <!-- example theme uses bootstrap -->
-    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
+
+    <!-- example theme uses patternfly -->
+    <link rel="stylesheet" href="bower_components/patternfly/dist/css/patternfly.min.css" />
 
     <!-- build:css(.) styles/vendor.css -->
     <!-- bower:css -->
@@ -24,9 +24,9 @@
     </style>
   </head>
 <body ng-app="exampleApp">
-  <div style="margin: 10px 10px 0; position:relative">
+  <div style="margin: 10px 10px 0; position: relative">
     <div class="filter">
-        <div class="navbar-filter-widget"></div>
+      <div class="navbar-filter-widget"></div>
     </div>
     <div class="active-filters"></div>
   </div>
@@ -56,7 +56,7 @@
                 //   LabelFilter.addLabelSuggestionsFromResources(resources, map);
                 // where map will get the new suggestions added to it
                 //
-                // Or you can just create some suggestions yourself (setting suggestions is not required, users have the option to 
+                // Or you can just create some suggestions yourself (setting suggestions is not required, users have the option to
                 // type in their own labels/values)
                 LabelFilter.setLabelSuggestions({
                     label_1: [
@@ -85,7 +85,7 @@
                         {value: "value-4-1"},
                         {value: "value-4-2"},
                         {value: "value-41212121212121-212121212121-21212121212-1212121212"}
-                    ]                  
+                    ]
                 });
 
                 // Do something when the active filters change
@@ -94,10 +94,10 @@
                     // If you have a set of k8s resources, you can filter them by running
                     //   labelSelector.select(resources);
                     // which will return a map of resource name to resource for all resources selected by the label selector
-                    // if you want to check specific resources yourself you can use 
+                    // if you want to check specific resources yourself you can use
                     //   labelSelector.match(resource);
                     // to return a boolean if that resource is matched by the selector
-                });                 
+                });
             });
     </script>
 </body>
Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,6 @@`
`31`	`31`	`"fontawesome": "~4.3.0"`
`32`	`32`	`},`
`33`	`33`	`"devDependencies": {`
`34`		`- "bootstrap": "~3.3.4"`
	`34`	`+ "patternfly": "3.5.1"`
`35`	`35`	`}`
`36`	`36`	`}`