How to hide footer in bootstrap mobile view?

How to hide footer in bootstrap mobile view?, someone asked me to explain?

footer bootstrap code

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">
            <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>
                <a href="http://www.infinetsoft.com/">DESIGNED by  infinetsoft</a>
       </footer>    </div>

Post your comments / questions