[TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper
Börge Hendrik
sproede at gmx.de
Sat Mar 28 07:41:18 CET 2015
Hallo und vielen Dank.
hier nochmal der Code, konnte man ursprünglich nicht richtig sehen:
> <div class="row">
> <div class="col-sm-6 col-lg-6 col-md-6">
> <f:format.raw>{content}</f:format.raw>
> </div>
> <div class="col-sm-6 col-lg-6 col-md-6">
> <f:format.raw>{contentRight}</f:format.raw>
> </div>
> </div>
Somit habe ich nun:
Code HTML:
<body>
<nav class="navbar navbar-inverse 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">Navigation ein-/ausblenden</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">{siteName}</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Start</a></li>
<li><a href="#ueber">Über</a></li>
<li><a href="#kontakt">Kontakt</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="row">
<h1>{sometext}</h1>
<div class="col-sm-6 col-lg-6 col-md-6">
<f:format.raw>{content}</f:format.raw>
</div>
<div class="col-sm-6 col-lg-6 col-md-6">
<f:format.raw>{contentRight}</f:format.raw>
</div>
</div>
</div>
Code Setup.ts:
<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/Page/gridelements/bootstrap3_grid/setup.ts">
# Default PAGE object:
page = PAGE
page {
includeCSS.bootstrapTheme = fileadmin/Page/template/bootstrap/css/bootstrap.min.css
includeCSS.bootstrapCustom = fileadmin/Page/template/bootstrap/css/starter-template.css
includeJS.jquery = fileadmin/Page/template/bootstrap/js/jquery.js
includeJSFooter.bootstrap = fileadmin/Page/template/bootstrap/js/bootstrap.js
10 = FLUIDTEMPLATE
10 {
file = fileadmin/Page/template/bootstrap/index.htm
layoutRootPath = fileadmin/Page/template/layouts/
partialRootPath = fileadmin/Page/template/partials/
variables {
siteName = TEXT
siteName.value = TestserverTS1 (setupts)
content < styles.content.get
contentRight < styles.content.getRight
# slider < styles.content.get
# contentLeft < styles.content.getLeft
# footer < styles.content.getBorder
}
}
}
Code von Gridelements:
https://gist.github.com/Merec/6670275
Habe Backend Layout eine Hauptspalte.
Darin über Gridelements nun einer zweier Spalte eingefügt.
Es werden auch Inhalte angezeigt, diese sind untereinander und nicht nebeneinander,
aber es sind wohl auch alte Inhalte.
Vermutlich muss ich die Nummern irgendwie anpassen?
Dem Element BackendLayout habe ich nun die 20 zugewiesen.
Der Rest ergibt sich wohl aus dem Gridelementsvorlage.
Hat jemand nochmal bitte einen Tipp?
More information about the TYPO3-german
mailing list