docs improvings

Author: DanDevG

README.md

@@ -15,13 +15,23 @@ This plugin makes possible showing different numbers of items in your Bootstrap
 
 ##Usage
 
-Firs of all, you'll want to include js and css files into your html code:
+First of all, you'll want to link the flexible-bootstrap-carousel.js and flexible-bootstrap-carousel.css files to your web-page:
 
 ```html
 <link rel="stylesheet" type="text/css" href="css/flexible-bootstrap-carousel.css" />
 <script type="text/javascript" src="js/flexible-bootstrap-carousel.js"></script>
 ```
 
+Instead of linking the flexible-bootstrap-carousel.css file to your web-page you can include in your main style sheet the next css rule:
+
+```css
+
+.carousel.flexible .items {
+	display: none;
+}
+
+```
+
 To initiate the plugin you just need to add a *.flexible* class name to some Bootstrap carousel in your html code 
 
 ```html

bower.json

@@ -0,0 +1,25 @@
+{
+  "name": "flexible-bootstrap-carousel",
+  "main": "flexible-bootstrap-carousel.js",
+  "homepage": "https://github.com/DanDevG/flexible-bootstrap-carousel",
+  "authors": [
+    "Dan Dev <dan.dev.mail@gmail.com>"
+  ],
+  "description": "Flexible Bootstrap Carousel plugin",
+  "license": "MIT",
+  "dependencies": {
+    "jquery": ">=1.11.1",
+    "bootstrap": ">=3.0.0"
+  },
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "**/.*",
+    "examples",
+    "README.md",
+    "*.log",
+    ".*",
+    "LICENSE.md"
+  ]
+}

examples/css/styles.css

@@ -44,6 +44,10 @@
 		padding: 20px 0 50px 0;
 	}
 
+	.carousel.flexible .items {
+		display: none;
+	}
+	
 	#complicated-content-carousel .carousel-control {
 		position: absolute;
 		top: -20px;