_generator-settings.html

<style media="screen">
    h3, h4 {
        color: #cbbde2;
    }

    strong {
        color: #563d7c;
        text-decoration: underline;
    }
</style>
<form onsubmit="assistant.finish(); return false;">
    <section>
        <h3>Choose a Bootstrap Template</h3>
        <p>Quickly get a project started with any of the 20 templates below. The templates range from using parts of the framework to custom components and layouts as well as Bootstrap experiments.</p>

        <h4>Framework</h4>
        <p>Examples that focus on implementing uses of built-in components provided by Bootstrap.</p>
        <br>
        <input type="radio" name="base" value="starter" checked="true">
        <strong>Starter</strong>
        <span>Nothing but the basics: compiled CSS and JavaScript and navbar.</span>
        <br/>

        <input type="radio" name="base" value="grid">
        <strong>Grid</strong>
        <span>Multiple examples of grid layouts with all four tiers, nesting, and more.</span>
        <br/>

        <input type="radio" name="base" value="jumbotron">
        <strong>Jumbotron</strong>
        <span>Build around the jumbotron with a navbar and some basic grid columns.</span>

        <h4>Custom Components</h4>
        <p>Brand new components and templates to help you quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
        <br>
        <input type="radio" name="base" value="album">
        <strong>Album</strong>
        <span>Simple one-page template for photo galleries, portfolios, and more.</span>
        <br/>

        <input type="radio" name="base" value="pricing">
        <strong>Pricing</strong>
        <span>Example pricing page built with Cards and featuring a custom header and footer.</span>
        <br/>

        <input type="radio" name="base" value="checkout">
        <strong>Checkout</strong>
        <span>Custom checkout form showing our form components and their validation features.</span>
        <br/>

        <input type="radio" name="base" value="product">
        <strong>Product</strong>
        <span>Lean product-focused marketing page with extensive grid and image work.</span>
        <br/>

        <input type="radio" name="base" value="cover">
        <strong>Cover</strong>
        <span>A one-page template for building simple and beautiful home pages.</span>
        <br/>

        <input type="radio" name="base" value="carousel">
        <strong>Carousel</strong>
        <span>Customize the navbar and carousel, then add some new components.</span>
        <br/>

        <input type="radio" name="base" value="blog">
        <strong>Blog</strong>
        <span>Magazine like blog template with header, navigation, featured content.</span>
        <br/>

        <input type="radio" name="base" value="dashboard">
        <strong>Dashboard</strong>
        <span>Basic admin dashboard shell with fixed sidebar and navbar.</span>
        <br/>

        <input type="radio" name="base" value="signin">
        <strong>Sign-in</strong>
        <span>Custom form layout and design for a simple sign in form.</span>
        <br/>

        <input type="radio" name="base" value="sticky">
        <strong>Sticky Footer</strong>
        <span>Attach a footer to the bottom of the viewport when page content is short.</span>
        <br/>

        <input type="radio" name="base" value="stickynav">
        <strong>Sticky Footer Navbar</strong>
        <span>Attach a footer to the bottom of the viewport with a fixed top navbar.</span>

        <h4>Navbars</h4>
        <p>Taking the default navbar component and showing how it can be moved, placed, and extended.</p>
        <br>
        <input type="radio" name="base" value="navbars">
        <strong>Navbars</strong>
        <span>Demonstration of all responsive and container options for the navbar.</span>
        <br/>

        <input type="radio" name="base" value="navbarstatic">
        <strong>Navbar Static</strong>
        <span>Single navbar example of a static top navbar along with some additional content.</span>
        <br/>

        <input type="radio" name="base" value="navbarfixed">
        <strong>Navbar Fixed</strong>
        <span>Single navbar example with a fixed top navbar along with some additional content.</span>
        <br/>

        <input type="radio" name="base" value="navbarbottom">
        <strong>Navbar Bottom</strong>
        <span>Single navbar example with a bottom navbar along with some additional content.</span>
        <br/>

        <h4>Experiments</h4>
        <p>Examples that focus on future-friendly features or techniques.</p>
        <br>
        <input type="radio" name="base" value="floating">
        <strong>Floating Labels</strong>
        <span>Beautifully simple forms with floating labels over your inputs.</span>
        <br/>

        <input type="radio" name="base" value="offcanvas">
        <strong>Offcanvas</strong>
        <span>Turn your expandable navbar into a sliding offcanvas menu.</span>
        <br/>
	</section>

        <section>
            <h3>Extras</h3>

            <input type="checkbox" name="ieTags">
            <strong>IE Classes</strong>
            <span>Include classes in the markup for Internet Explorer 9?</span>
            <br/>

            <input type="checkbox" name="serverExtras" checked="true">
            <strong>Server Extras</strong>
            <span>Include .htaccess, robots.txt, humans.txt, etc.?</span>
            <br/>

            <input type="checkbox" name="ga" onclick="Bootstrap.toggle_gaSiteId();">
            <strong>Google Analytics</strong>
            <span>Insert markup for Site ID: <input type="text" name="ga_siteId"
        placeholder="UA-XXXXX-X" disabled="true"></span>
            <br/>

            <input type="checkbox" name="fontAwesome">
            <strong>Font Awesome</strong>
            <span>Include Font Awesome, the world's most popular and easiest to use icon set?</span>
            <br/>
	</section>
</form>

<script>
    window.Bootstrap = {
        toggle_gaSiteId: function() {
            var siteId = document.querySelector('input[name=ga_siteId]');

            if (document.querySelector('input[name=ga]').checked) {
                siteId.disabled = false;
                siteId.focus();
            } else {
                siteId.disabled = true;
                siteId.value = '';
            }

            return true;
        }
    };
</script>