Escreva seu primeiro verbete!
Ajuda:Guia de edição/Modelos: mudanças entre as edições
Sem resumo de edição |
|||
| Linha 3: | Linha 3: | ||
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"><a class="navbar-brand" href="#">Navbar</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"></button></nav><div class="collapse navbar-collapse" id="navbarColor01"><ul class="navbar-nav mr-auto"><li class="nav-item active"><a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a></li><li class="nav-item"><a class="nav-link" href="#">Features</a></li><li class="nav-item"><a class="nav-link" href="#">Pricing</a></li><li class="nav-item"><a class="nav-link" href="#">About</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a><div class="dropdown-menu"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Separated link</a></div></li></ul><form class="form-inline my-2 my-lg-0"><input class="form-control mr-sm-2" type="text" placeholder="Search"><button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button></form></nav> | <nav class="navbar navbar-expand-lg navbar-dark bg-primary"><a class="navbar-brand" href="#">Navbar</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"></button></nav><div class="collapse navbar-collapse" id="navbarColor01"><ul class="navbar-nav mr-auto"><li class="nav-item active"><a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a></li><li class="nav-item"><a class="nav-link" href="#">Features</a></li><li class="nav-item"><a class="nav-link" href="#">Pricing</a></li><li class="nav-item"><a class="nav-link" href="#">About</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a><div class="dropdown-menu"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Separated link</a></div></li></ul><form class="form-inline my-2 my-lg-0"><input class="form-control mr-sm-2" type="text" placeholder="Search"><button class="btn btn-secondary my-2 my-sm-0" type="submit">Search</button></form></nav> | ||
</pre> | </pre> | ||
| Linha 56: | Linha 20: | ||
<p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> | <p class="lead">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> | ||
| Linha 66: | Linha 29: | ||
<p>The following is <em>rendered as italicized text</em>.</p> | <p>The following is <em>rendered as italicized text</em>.</p> | ||
<p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p> | <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p> | ||
| Linha 94: | Linha 56: | ||
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> | <footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></footer> | ||
</blockquote> | </blockquote> | ||
== Button Journal == | |||
<button type="button" class="btn btn-primary">Primary</button> | |||
<button type="button" class="btn btn-secondary">Secondary</button> | |||
<button type="button" class="btn btn-success">Success</button> | |||
<button type="button" class="btn btn-info">Info</button> | |||
<button type="button" class="btn btn-warning">Warning</button> | |||
<button type="button" class="btn btn-danger">Danger</button> | |||
<button type="button" class="btn btn-link">Link</button> | |||
== Modelo adaptado == | |||
<div type="button" class="btn btn-primary">Primary</div> | |||
<div type="button" class="btn btn-secondary">Secondary</div> | |||
<div type="button" class="btn btn-success">Success</div> | |||
<div type="button" class="btn btn-info">Info</div> | |||
<div type="button" class="btn btn-warning">Warning</div> | |||
<div type="button" class="btn btn-danger">Danger</div> | |||
<div type="button" class="btn btn-link">Link</div> | |||
<pre> | |||
<div type="button" class="btn btn-primary">Primary</div> | |||
<div type="button" class="btn btn-secondary">Secondary</div> | |||
<div type="button" class="btn btn-success">Success</div> | |||
<div type="button" class="btn btn-info">Info</div> | |||
<div type="button" class="btn btn-warning">Warning</div> | |||
<div type="button" class="btn btn-danger">Danger</div> | |||
<div type="button" class="btn btn-link">Link</div> | |||
</pre> | |||
== Botão == | |||
{{Botão|color=red|link=Autenticar-se|name=Autenticar-se}} | |||
{{Botão|color=green|link=Wikifavelas:Modelos|name=Modelos de página}} | |||
{{Botão|color=white|link=Wikifavelas:Explore|name=Explore}} | |||
{{Botão|color=blue|link=Wikifavelas:Projeto|name=O Projeto}} | |||
<nowiki>[[{{{link}}}|<span class="btn {{#switch: {{{color|red}}} | red = btn-primary | green = btn-secondary | white = btn-warning | blue = btn-info}}" role="button" aria-disabled="false">{{{name|Texto do botão}}}</span>]]</nowiki> | |||
| Linha 492: | Linha 492: | ||
<div class="alert alert-dismissible alert-danger"> | <div class="alert alert-dismissible alert-danger"> | ||
<div type="button" class="close" data-dismiss="alert">×</div> | <div type="button" class="close" data-dismiss="alert">×</div> | ||
<strong>Oh snap!</strong> < | <strong>Oh snap!</strong> <span class="alert-link">[[Change a few things up]]</span> and try submitting again. | ||
</div> | </div> | ||
<div class="alert alert-dismissible alert-success"> | <div class="alert alert-dismissible alert-success"> | ||
<div type="button" class="close" data-dismiss="alert">×</div> | <div type="button" class="close" data-dismiss="alert">×</div> | ||
<strong>Well done!</strong> You successfully read < | <strong>Well done!</strong> You successfully read <span class="alert-link">[[this important alert message]]</span>. | ||
</div> | </div> | ||
<div class="alert alert-dismissible alert-info"> | <div class="alert alert-dismissible alert-info"> | ||
<div type="button" class="close" data-dismiss="alert">×</div> | <div type="button" class="close" data-dismiss="alert">×</div> | ||
<strong>Heads up!</strong> This < | <strong>Heads up!</strong> This <span class="alert-link">[[alert needs your attention]]</span>, but it's not super important. | ||
</div> | </div> | ||
<div class="alert alert-dismissible alert-primary"> | <div class="alert alert-dismissible alert-primary"> | ||
<div type="button" class="close" data-dismiss="alert">×</div> | <div type="button" class="close" data-dismiss="alert">×</div> | ||
<strong>Oh snap!</strong> < | <strong>Oh snap!</strong> <span class="alert-link">[[Change a few things up]]</span> and try submitting again. | ||
</div> | </div> | ||
<div class="alert alert-dismissible alert-secondary"> | <div class="alert alert-dismissible alert-secondary"> | ||
<div type="button" class="close" data-dismiss="alert">×</div> | <div type="button" class="close" data-dismiss="alert">×</div> | ||
<strong>Well done!</strong> You successfully read < | <strong>Well done!</strong> You successfully read <span class="alert-link">[[this important alert message]]</span>. | ||
</div> | </div> | ||
<div class="alert alert-dismissible alert-light"> | <div class="alert alert-dismissible alert-light"> | ||
<div type="button" class="close" data-dismiss="alert">×</div> | <div type="button" class="close" data-dismiss="alert">×</div> | ||
<strong>Heads up!</strong> This < | <strong>Heads up!</strong> This <span class="alert-link">[[alert needs your attention<]]/span>, but it's not super important. | ||
</div> | </div> | ||