Pomoc:Jumbotron - Historia wersji

Bosal: Utworzono nową stronę "NOTOC{{DISPLAYTITLE:Anniversary Jumbotron}}

2016-11-11T12:06:48Z

Utworzono nową stronę "NOTOC{{DISPLAYTITLE:Anniversary Jumbotron<span style="display: none"></span>}} <div class="col-md-12"> <div class="panel panel-primary"> <div class="panel-..."

Nowa strona
NOTOC{{DISPLAYTITLE:Anniversary Jumbotron<span style="display: none"></span>}}
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-body">
<div class="bs-docs-section">
<h1 id="jumbotron" class="page-header">Jumbotron</h1>
<p>A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.</p>
<div class="bs-example" data-example-id="simple-jumbotron">
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<p><div class="btn btn-success btn-lg" role="button">[[Main Page|Learn more]]</div></p>
</div>
</div>
<pre>
<div class="jumbotron">
<h1>Hello, world!</h1>
<p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<p><div class="btn btn-success btn-lg" role="button">[[Main Page|Learn more]]</div></p>
</div>
</pre>
</div>
<h1 class="page-header">Additonal options</h1>
<p>Personally I find the default version of Jumbotron a little boring, why not add your own Jumbotron styles, try adding the following to the bottom of bootstrap.css</p>
<pre>
.jumbotron-blue {
background-color: #4DA0D7;
}
</pre>
<p>To apply this new color to Jumbotron add the following to your mediawiki article;</p>
<pre>
<div class="jumbotron jumbotron-blue">
<h1>Hello, world!</h1>
<p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<p><div class="btn btn-success btn-lg" role="button">[[Main Page|Learn more]]</div></p>
</div>
</pre>
<p>It really is that simple! While you're at it why not try adding a border radius, box shadow or any other styling feature?</p>
</div>
</div>