>>Hi,
>>
>>I am working on the 1st very simple page (html) and I want to test if Bootstrap is loaded. Right out of the w3school I copied the following lines and added them to the Head section
>>
>>
>><head>
>> <title>Bootstrap 4 Example</title>
>> <meta charset="utf-8">
>> <meta name="viewport" content="width=device-width, initial-scale=1">
>> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
>> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
>> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
>> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
>></head>
>>
>>
>>Then in the Body section I added a "sticky footer" but it does not stick.
>>Here is the code:
>>
>> <footer>
>> <div class="footer navbar-fixed-bottom hidden-xs" id="footer1" >
>> <div style="text-align:center">
>> <p>Footer text</p>
>> </div>
>> </div>
>> </footer>
>>
>>
>>But the page does not show the Footer text at the button of the page. Neither does it remove this text when I make the browser very small.
>>
>>What should I change/test?
>
>Not a big fan of W3Schools. IIRC Bootstrap doesn't have a built in footer class. I've used something like this:
https://getbootstrap.com/docs/4.0/examples/sticky-footer/>
>If you look at this using devtools in chrome (or equivalent in another browser) note that
>
>(a) the 'body' tag has 'margin-bottom: 60px'
>(b) the 'footer' class in css has:
>bottom:0
>width:100%
>height: 60px (i.e same value as the body 'margin-bottom')
Thank you very much, Viv. In the end I was able to make the sticky footer work by using class "fixed-bottom." And then as soon as it was working, I didn't like the look and feel :).
Now I am working on showing images only on middle or larger displays.
"The creative process is nothing but a series of crises." Isaac Bashevis Singer
"My experience is that as soon as people are old enough to know better, they don't know anything at all." Oscar Wilde
"If a nation values anything more than freedom, it will lose its freedom; and the irony of it is that if it is comfort or money that it values more, it will lose that too." W.Somerset Maugham