diff --git a/addons/website_sale/views/website_sale.xml b/addons/website_sale/views/website_sale.xml
index 1a0aa2605fe..47410dd8c8b 100644
--- a/addons/website_sale/views/website_sale.xml
+++ b/addons/website_sale/views/website_sale.xml
@@ -142,13 +142,13 @@
         <t t-call="website_sale.layout">
             <t t-set="title">Product</t>
             <t t-set="shop_content">
-                <div class='navbar navbar-inverse'>
-                    <div class='navbar-inner'>
+                <nav class='navbar navbar-inverse' role='navigation'>
+                    <div class="collapse navbar-collapse navbar-ex1-collapse">
                         <form t-attf-action="/shop/#{ category_id and ('category/%s/' % category_id) or ''}" method="get" class="navbar-search pull-right pagination">
                             <input type="text" name="search" class="search-query col-md-2 form-control" placeholder="Search" t-att-value="search or '' or ''"/>
                         </form>
                     </div>
-                </div>
+                </nav>
                 <div id="product_detail">
                     <t t-call="website.publish"><t t-set="object" t-value="product"/></t>
                     <h2 t-field="product.name"></h2>
@@ -179,7 +179,7 @@
                 <h4>Customers who have bought this item also bought</h4>
                 <div class='row mt16' style="margin-left: 15px !important;">
                     <t t-foreach="product.recommended_products()" t-as="product">
-                        <div class='col-md-2 thumbnail'>
+                        <div class='span2 thumbnail'>
                             <a t-attf-href="/shop/product/#{ product.id }/">
                                 <div class='mt16 text-center'>
                                     <img t-att-src="product.img('image_small')"/>