rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

simplify notes around using button dropdowns

Browse Source
This commit is contained in:
Mark Otto 2012-03-10 15:41:41 -08:00
parent cecfe72060
commit 95a3cd8732
3 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/bootstrap.zip
View File

Binary file not shown.

13
docs/components.html
View File

@ -270,8 +270,6 @@
</ul> </ul>
</div><!-- /btn-group --> </div><!-- /btn-group -->
</div><!-- /btn-toolbar --> </div><!-- /btn-toolbar -->
<hr>
<p><span class="label label-info">Heads up!</span> Button dropdowns require the <a href="./javascript.html#dropdowns">Bootstrap dropdown plugin</a> to function.</p>
</div> </div>
<div class="span8"> <div class="span8">
<h3>Example markup</h3> <h3>Example markup</h3>
@ -327,15 +325,12 @@
</div><!-- /btn-toolbar --> </div><!-- /btn-toolbar -->
</div><!--/span--> </div><!--/span-->
<div class="span4"> <div class="span4">
<h3>Requires javascript</h3>
</div><!--/span--> <p>Button dropdowns require the <a href="./javascript.html#dropdowns">Bootstrap dropdown plugin</a> to function.</p>
<div class="span4"> <p>In some cases&mdash;like mobile&mdash;dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.</p>
</div><!--/span--> </div><!--/span-->
</div><!--/row--> </div><!--/row-->
<div class="alert alert-info"> <br>
<strong>Heads up!</strong> In some cases&mdash;like mobile&mdash;dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.
</div>
<h2>Split button dropdowns</h2> <h2>Split button dropdowns</h2>
<div class="row"> <div class="row">

15
docs/templates/pages/components.mustache vendored
View File

@ -194,8 +194,6 @@
</ul> </ul>
</div><!-- /btn-group --> </div><!-- /btn-group -->
</div><!-- /btn-toolbar --> </div><!-- /btn-toolbar -->
<hr>
<p><span class="label label-info">{{_i}}Heads up!{{/i}}</span> {{_i}}Button dropdowns require the <a href="./javascript.html#dropdowns">Bootstrap dropdown plugin</a> to function.{{/i}}</p>
</div> </div>
<div class="span8"> <div class="span8">
<h3>{{_i}}Example markup{{/i}}</h3> <h3>{{_i}}Example markup{{/i}}</h3>
@ -216,7 +214,7 @@
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<h3>{{_i}}Works with all button sizes{{/i}}</h3> <h3>{{_i}}Works with all button sizes{{/i}}</h3>
<p>Button dropdowns work at any size. your button sizes to <code>.btn-large</code>, <code>.btn-small</code>, or <code>.btn-mini</code>.</p> <p>{{_i}}Button dropdowns work at any size. your button sizes to <code>.btn-large</code>, <code>.btn-small</code>, or <code>.btn-mini</code>.{{/i}}</p>
<div class="btn-toolbar" style="margin-top: 18px;"> <div class="btn-toolbar" style="margin-top: 18px;">
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-large dropdown-toggle" data-toggle="dropdown">{{_i}}Large button{{/i}} <span class="caret"></span></button> <button class="btn btn-large dropdown-toggle" data-toggle="dropdown">{{_i}}Large button{{/i}} <span class="caret"></span></button>
@ -251,15 +249,12 @@
</div><!-- /btn-toolbar --> </div><!-- /btn-toolbar -->
</div><!--/span--> </div><!--/span-->
<div class="span4"> <div class="span4">
<h3>{{_i}}Requires javascript{{/i}}</h3>
</div><!--/span--> <p>{{_i}}Button dropdowns require the <a href="./javascript.html#dropdowns">Bootstrap dropdown plugin</a> to function.{{/i}}</p>
<div class="span4"> <p>{{_i}}In some cases&mdash;like mobile&mdash;dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.{{/i}}</p>
</div><!--/span--> </div><!--/span-->
</div><!--/row--> </div><!--/row-->
<div class="alert alert-info"> <br>
<strong>{{_i}}Heads up!{{/i}}</strong> {{_i}}In some cases&mdash;like mobile&mdash;dropdown menus will extend outside the viewport. You need to resolve the alignment manually or with custom javascript.{{/i}}
</div>
<h2>{{_i}}Split button dropdowns{{/i}}</h2> <h2>{{_i}}Split button dropdowns{{/i}}</h2>
<div class="row"> <div class="row">