Movatterモバイル変換


[0]ホーム

URL:


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

NameRequiredTypeDefault Value
taganydiv
main HTML tag name
classNamestring
user classes for the main HTML tag
innerRef(object | Function | string)
ref to the main tag
fluidboolean
sets jumbotron fluid mode

CoreUI © 2020 creativeLabs.core-logo

[8]ページ先頭

©2009-2025 Movatter.jp