How to hide footer in bootstrap mobile view?

In this article I will show how to hide responsive footer in bootstrap mobile view. It is simple; you can create a div tag and apply the following Css footer code hidden-xs. Paste the footer coding inside the created div tag.

When you apply “hidden-xs” class; it will hide the elements on the extra small devices which having a screen width less than 768px. Visible on other device screen length greater than 768px. 

HTML footer Code:

<div class="hidden-xs">
       <footer>
            <div class="content-wrapperfootr">
                <ul style="float: right;">
                    <li><a href="/">Home</a></li>
                    <li><a href="Profile">Profile</a></li>
                    <li><a href="STK">Our Products</a></li>
                    <li><a href="Contact">Contact</a></li>
                    <p>&copy; @DateTime.Now.Year - example.com</p>
                </ul>
                <a href="http://www.infinetsoft.com/">DESIGNED by  infinetsoft</a>
           </div>
       </footer>
   </div>