Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

by jonahe

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="btn-group">
    <button type="button" id="aktiv" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Aktiv <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">Aktiv</a>
        </li>
        <li><a href="#">Inaktiv</a>
        </li>
    </ul>
</div>

JavaScript

$(function() {
    function setAktivMenu(text) {
        $('#aktiv').val(text).html(function(i, html) {
            return text + html.slice(html.indexOf(' <'));
        });
    }

    // Inialize the menu to Inactiv
    setAktivMenu(localStorage.getItem("selectedLanguage") || "Inactive"); 
    
    $('#aktiv + .dropdown-menu').on('click', 'li>a', function() {
        setAktivMenu($(this).text());
        localStorage.setItem("selectedLanguage", $(this).text());
    });
});