Jumbotron

React Jumbotron component indicates a big grey box for showcasing hero unit style content. A lightweight, flexible React component that can optionally reach the entire viewport to showcase essential marketing information on your site.

Usage

Example

Bootstrap 4

Bootstrap 4 Components for React

For more information visit website

More Info

Script


  return (
    <CJumbotron>
      <h1 className="display-3">Bootstrap 4</h1>
      <p className="lead">Bootstrap 4 Components for React</p>
      <p>For more information visit website</p>
      <CButton color="primary" href="https://coreui.io/" target="_blank">More Info</CButton>
    </CJumbotron>
  )

# Features

Easily customizable styles

# Jumbotron API

Name	Type	Default Value
tag	any	div
main HTML tag name
className	string
user classes for the main HTML tag
innerRef	(object \| Function \| string)
ref to the main tag
fluid	boolean
sets jumbotron fluid mode