Sandbox

…

…

…

   <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
   <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>

   <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
    

   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

Modal header

One fine body…

   <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
   <button class="btn btn-primary">Save changes</button>

8 Organization.

	Important Do not feed the trolls!

	Example: This is an example.
This is too.

   <button type="button" class="close" data-dismiss="alert">×</button>
   Warning! Best check yo self, you're not looking too good.

Progress Bar

<progress id="progressbar" value="0" max="100"></progress>

Other stuff

DT   word

Essentials

That is an awesome feature!

<tooltip text="body text">tooltip text</tooltip>

Yeah!	Maybe not!
You know you want it.

<comments />

<style type="text/css"> .shadow2{ box-shadow: 7px 7px 8px #818181; -webkit-box-shadow: 7px 7px 8px #818181; -moz-box-shadow: 7px 7px 8px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true); } </style>

Please note that all contributions to The Grove - Academia de Idiomas may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.

You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see The Grove - Academia de Idiomas:Copyrights for details). Do not submit copyrighted work without permission!

{{#widget:DISQUS |id=jointhegrove |uniqid=Sandbox |url=http://thegrove.com.br/metodo/index.php/Sandbox }}