mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-25 14:30:46 +02:00
Code Issues Releases Wiki Activity

change popover stufff

Browse Source
This commit is contained in:
Jacob Thornton
2011-07-28 17:50:38 -07:00
parent a7d65d7d8f
commit 7f99892b86
9 changed files with 77 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/.DS_Store vendored Normal file
View File

Binary file not shown.

BIN
docs/assets/.DS_Store vendored Normal file
View File

Binary file not shown.

10
docs/assets/css/docs.css
View File

@@ -231,14 +231,24 @@ div.topbar-wrapper div.topbar {
div.popover-well {
min-height: 160px;
}
div.popover-well div.popover {
display: block;
}
div.popover-well div.popover-wrapper {
width: 50%;
height: 160px;
float: left;
margin-left: 55px;
position:relative;
}
div.popover-well div.popover-menu-wrapper {
height: 80px;
}
img.large-bird {
margin: 5px 0 0 310px;
opacity:.1;
}

BIN
docs/assets/img/bird.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

39
docs/index.html
View File

@@ -1114,55 +1114,30 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="below">ipsum</a> verita
</div>
</div>
</div> <!-- /row -->
<div class="row">
<div class="span4 columns">
<h2>Popovers</h2>
<p>Use popovers to provide subtextual information to a page without effecting layout.</p>
</div>
<div class="span12 columns">
<div class="well popover-well">
<div class="popover-wrapper">
<div class="popover above">
<div class="popover-border">
<h3 class="popover-title">Popover title</h3>
<div class="popover-inner">
<p>Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
</div>
</div>
</div>
<div class="popover-wrapper">
<div class="popover bottom popover2">
<div class="popover-wrapper">
<div class="popover left">
<div class="arrow"></div>
<div class="inner">
<h3 class="title">Popover title</h3>
<h3 class="title">Popover Title</h3>
<div class="content">
<p>Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
</div>
</div>
</div>
</div>
<div class="well popover-well popover-menu-well">
<div class="popover-wrapper">
<div class="popover popover-menu">
<div class="popover-border">
<div class="popover-inner">
<a href="">View</a>
<a href="">Edit</a>
<a href="">Delete</a>
</div>
</div>
<div class="popover-arrow"></div>
</div>
<img class="large-bird" src="assets/img/bird.png">
</div>
</div>
</div>
</div> <!-- /row -->
</section>