Installation

Ab TYPO3 v.8.7.0

Bevor die EXT:t3sbootstrap installiert werden kann, müssen folgende Extensions installiert werden:

  • Grid Elements - (gridelements) ab v.8.0.0
  • DynCss - BaseModule - (dyncss) ab v.0.8.2
  • DynCss - SCSS Parser - (dyncss_scss) ab v.1.1.1

Danach kann die EXT:t3sbootstrap installiert/aktiviert und unter "Statische Templates" nach Gridelements eingeschlossen werden.

TypoScript Setup

Das Root-Setup sollte, nach der Installation von t3sbootstrap, kein Page-Objekt enthalten!

Bei einigen Installationen, wird standardmäßig ein Page-Objekt eingefügt - z.B.: TS-Setup:

# Default PAGE object:
page = PAGE
page.10 = TEXT
page.10.value = HELLO WORLD!

Dieses ist zu entfernen - ansonsten funktioniert t3sbootstrap nicht!

TypoScript Konstanten

Jetzt können noch einige Konstanten (im Konstanten-Editor) angepasst werden.

Default Settings:

bootstrap.config {
  # "T3SB Config" on subpages: if disable from rootpage or from rootline if enabled (slide).
  rootline = 1
  # Content Only On Rootpage: disable navbar, jumbotron, breadcrumb and footer on rootpage if enabled.
  contentOnlyOnRootpage = 0
  # Compress: compress and concatenate JS and CSS.
  compress = 1	
  # Disable Prefix Comment:
  disablePrefixComment = 1
  # Robot Meta Name:
  robots =
  # Revisit-after Meta Name:
  revisitAfter = 7 days
  # RealUrl: config.tx_realurl_enable = 1 & config.absRefPrefix = /
  realurl = 0
  # Page Title Prefix: e.g.: Company - (if "Metatags & Browsertitle" is enabled in the EM config.)
  pageTitle.prefix =
  # Page Title Suffix: (if "Metatags & Browsertitle" is enabled in the EM config.)
  pageTitle.suffix =
  # Last Modified Content Element: display the date of the last modified content on current page in the footer.
  lastModifiedContentElement = 0
  # Date Format: the date format to use in ext:t3sbootstrap.
  dateFormat = d.m.Y
  # Subheader Color: Contextual text classes e.g. secondary, danger etc.
  subheaderColor = secondary
  # Left Aside Slide: content slide for colPos=1 if enabled
  slideLeftAside = 0
  # Right Aside Slide: content slide for colPos=2 if enabled
  slideRightAside = 0
  # Global top padding options: pt-1, pt-2, pt-3, pt-4, pt-5
  globalPaddingTop = pt-5
  # Page Content Extra-Class: e.g. bg-danger or any other classes
  pageContentExtraClass = 
  # Body Extra-Class: e.g. bg-warning or any other classes
  bodyExtraClass = 
  # Footer Extra Padding: If you like an extra space between the footer and the content, you can do it here ("footer-sticky" only).
  stickyFooterExtraPadding =
}
bootstrap.image {
  # Fallback, wenn keine Bildbreite im CE angegeben wird: Big (colPos=0) / Small (colPos=1 oder 2)
  # Fallback image size in ColPos=0 (in px): only if BE-layout != OneCol && !imgWidth
  default.width.big = 825
  # Fallback image size in ColPos=1 && ColPos=2 (in px): only if BE-layout != OneCol && !imgWidth
  default.width.small = 385
  # Additional Image Sizes for Desktop min-width: 1200px: comma-separated list of either image widths specified in pixels or pixel density descriptors, e. g. "2x".
  srcsetDesktop = 385, 576, 768, 992, 1200
  # Additional Image Sizes for Tablet min-width: 576px: comma-separated list of either image widths specified in pixels or pixel density descriptors, e. g. "2x".
  srcsetTablet = 385, 576, 768, 992, 1200
  # Additional Image Sizes for Mobile max-width: 575px: comma-separated list of either image widths specified in pixels or pixel density descriptors, e. g. "2x".
  srcsetMobile = 60, 100, 200, 385, 575
  # Threshold for Lazy load: if "lazyLoad" is activated in the EM config, the distance out of the viewport, expressed in pixel, before which to start loading the images.
  lazyLoadThreshold = 0
  # A responsive image polyfill: Use picturefill for older browser.
  picturefill = 0
}

Default Settings - nicht im Konstanten-Editor:

bootstrap.navbar {
  # Default Image-Pfad sowie width & height für das Brand-Image (nicht im Konstanten-Editor)
  image.defaultPath = typo3conf/ext/t3sbootstrap/Resources/Public/Images/bootstrap-solid.svg
  image.width = 30
  image.height = 30
  # Extra Reihe in der Navbar - Info unter "Snippets"
  extraRow = 0
  # type=int+; subdropdown with two columns if items greater or equal
  subdropdown.twoColumns = 30
}

# include the print template if enabled
bootstrap.print.enable = 0

# overrides some fields from Table "pages"
pages.override {
  # 1,2,3,4,6
  smallColumns =
  # sm, md, lg, xl
  breakpoint =
}