April 2018

Sticky Footer Template for Bootstrap

Sticky footer is a fixed-height footer to the bottom of the viewport in desktop browsers. The purpose of a sticky footer is that it "sticks" to the bottom of the browser window. But not always, if there is enough content on the page to push the footer lower, it still does that. But if the content on the page is short, a sticky footer will still hang to the bottom of the browser window.

Sample code and demo is here

<!DOCTYPE html><html>    <head>        <title>Online HTML Editor - webspeckle.com</title>        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"/>        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>        <style>            html              {                 position: relative;                 min-height: 100%;             }             body             {                 margin-bottom: 60px;             }             .footer             {                 position: absolute;                 bottom: 0;                 width: 100%;                 height: 60px;                 background-color: #f5f5f5;                 padding:17px 0px 17px 0px;             }         </style>    </head>    <body>        <nav class="navbar navbar-default navbar-fixed-top">            <div class="container">                <div class="navbar-header">                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">                        <span class="sr-only">Toggle navigation</span>                        <span class="icon-bar"></span>                        <span class="icon-bar"></span>                        <span class="icon-bar"></span>                    </button>                    <a class="navbar-brand" href="">Project name</a>                </div><div id="navbar" class="collapse navbar-collapse">                    <ul class="nav navbar-nav"><li class="active"><a href="">Home</a></li><li><a href="">About</a></li><li><a href="">Contact</a></li></ul></div></div></nav><br>        <div class="container">            <div class="page-header">                <h1>Sticky Footer Template for Bootstrap</h1></div></div><footer class="footer">            <div class="container">                <p class="text-muted">Place sticky footer content here.</p></div></footer>    </body></html>

Demo

Add new properties to an object constructor in JavaScript

Add new properties to an object constructor in JavaScript

Suppose we have a function WebsiteData() and it has two parameters(title,description).

function WebsiteData(pageTitle, pageDescription) {
this.title = pageTitle;
this.description = pageDescription;
}

Add a new property 'keywords' to this function WebsiteData().
WebsiteData.prototype.keywords = "my website keywords";

Sample code and demo is here

<!DOCTYPE html><head><title>Online HTML Editor - webspeckle.com</title></head><body><h3>Add new properties to an object constructor in JavaScript</h3><script>function WebsiteData(pageTitle, PageDescription) {     this.title = pageTitle;     this.description = PageDescription; } WebsiteData.prototype.keywords = "my website keywords"; var websiteData = new WebsiteData("My first website", "This is my first website"); document.write("This my website keywords = " + websiteData.keywords);  </script></body></html>

Demo

Convert Array to string in Java

By using Arrays.toString() this method to covert Array to string in Java.

public static String toString(boolean[] a)

Returns a string representation of the contents of the specified array. The string representation consists of a list of the array's elements, enclosed in square brackets ("[]"). Adjacent elements are separated by the characters ", " (a comma followed by a space). Elements are converted to strings as by String.valueOf(boolean). Returns "null" if a is null.

Parameters: a - the array whose string representation to return
Returns: a string representation of a

Sticky Footer Template for Bootstrap

Add new properties to an object constructor in JavaScript

Convert Array to string in Java

Try It Editor for HTML, CSS & JS

Blog Archive

Tags

Popular Posts

Contact Form