Przejdź do treści
Sugester - Baza Wiedzy

Kod Handlebars nowego szablonu forum w Bootstrap 3

Aktualizacja: Wyświetleń: 3982 1 min czytania
Domyślnie do szablonu jest podpięty CSS i HTML popularnego frameworku Bootstrap 3 dzięki czemu można korzystać z gotowych komponentów w nim dostępnych.
{{system.meta}} {{system.favicon}} {{system.custom_css}} <!-- Bootstrap -->
<link href=
"//s3-eu-west-1.amazonaws.com/assets.sugester.pl/assets/bootstrap-3-1-1/css/bootstrap.css"
media="screen" rel="stylesheet" type="text/css">
<link href=
"//s3-eu-west-1.amazonaws.com/assets.sugester.pl/assets/bootstrap-3-1-1/css/default.css"
media="screen" rel="stylesheet" type="text/css">{{system.javascript}}
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<div class="jumbotron">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-right help-block small">
                {{#if user}} Zalogowany <a href=
                "{{user.profile_path}}">{{user.login}}</a> | <a href=
                "/logout">Wyloguj</a> {{else}} <a href="/login">Logowanie</a> |
                <a href="/signup">Rejestracja</a> {{/if}}
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8">
                <h1>{{forum_name}}</h1>
            </div><!-- col-lg-6 -->
            <div class="col-lg-4">
                {{#if forum_logo_url}} <a href="/"><img alt="{{forum_name}}"
                class="img-responsive pull-right" src="{{forum_logo_url}}"></a>
                {{/if}}
            </div>
        </div><!-- row -->
        <div class="row">
            <div class="col-lg-12">
                <p class="lead">{{forum_description}}</p>
            </div><!-- col-lg-12 -->
        </div>{{search_or_add}}
    </div><!-- container -->
</div><!-- jumbotron -->
<div class="container">
    <div class="row">
        <div class="col-lg-9 col-sm-9" id="main_content">
            {{feedback_status_menu}} {{body}}
        </div><!-- main_content -->
        <div class="col-lg-3 col-sm-3" id="sidebar">
            {{sidebar}}
        </div><!-- sidebar -->
    </div><!-- row -->
</div><!-- container -->
<div id="footer">
    <div class="container">
        <p class="text-muted text-right small"><a href="http://sugester.pl/"
        target="_blank">Powered by Sugester</a></p>
    </div>
</div>​

Czy ten wpis był pomocny?

Udostępnij

Komentarze