mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 18:44:01 +02:00
Code Issues Releases Wiki Activity

Improve doc for block level buttons

Browse Source
This commit is contained in:
Erik van der Kolk
2012-08-18 16:41:40 +02:00
parent 41253fb073
commit 7b7a02542b
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/base-css.html
View File

@@ -1500,11 +1500,14 @@ For example, <code>section</code> should be wrapped as inline.
<p>Create block level buttons&mdash;those that span the full width of a parent&mdash; by adding <code>.btn-block</code>.</p> <p>Create block level buttons&mdash;those that span the full width of a parent&mdash; by adding <code>.btn-block</code>.</p>
<div class="bs-docs-example"> <div class="bs-docs-example">
<div class="well" style="max-width: 400px; margin: 0 auto 10px;"> <div class="well" style="max-width: 400px; margin: 0 auto 10px;">
<button type="button" class="btn btn-large btn-primary btn-block">Block level button</button> <button type="button" class="btn btn-large btn-block btn-primary">Block level button</button>
<button type="button" class="btn btn-large btn-block">Block level button</button> <button type="button" class="btn btn-large btn-block">Block level button</button>
</div> </div>
</div> </div>
<pre class="prettyprint linenums">&lt;button class="btn btn-large btn-block" type="button"&gt;Block level button&lt;/button&gt;</pre> <pre class="prettyprint linenums">
&lt;button class="btn btn-large btn-block btn-primary" type="button"&gt;Block level button&lt;/button&gt;
&lt;button class="btn btn-large btn-block" type="button"&gt;Block level button&lt;/button&gt;
</pre>
<h2>Disabled state</h2> <h2>Disabled state</h2>

7
docs/templates/pages/base-css.mustache vendored
View File

@@ -1437,11 +1437,14 @@
<p>{{_i}}Create block level buttons&mdash;those that span the full width of a parent&mdash; by adding <code>.btn-block</code>.{{/i}}</p> <p>{{_i}}Create block level buttons&mdash;those that span the full width of a parent&mdash; by adding <code>.btn-block</code>.{{/i}}</p>
<div class="bs-docs-example"> <div class="bs-docs-example">
<div class="well" style="max-width: 400px; margin: 0 auto 10px;"> <div class="well" style="max-width: 400px; margin: 0 auto 10px;">
<button type="button" class="btn btn-large btn-primary btn-block">{{_i}}Block level button{{/i}}</button> <button type="button" class="btn btn-large btn-block btn-primary">{{_i}}Block level button{{/i}}</button>
<button type="button" class="btn btn-large btn-block">{{_i}}Block level button{{/i}}</button> <button type="button" class="btn btn-large btn-block">{{_i}}Block level button{{/i}}</button>
</div> </div>
</div> </div>
<pre class="prettyprint linenums">&lt;button class="btn btn-large btn-block" type="button"&gt;{{_i}}Block level button{{/i}}&lt;/button&gt;</pre> <pre class="prettyprint linenums">
&lt;button class="btn btn-large btn-block btn-primary" type="button"&gt;{{_i}}Block level button{{/i}}&lt;/button&gt;
&lt;button class="btn btn-large btn-block" type="button"&gt;{{_i}}Block level button{{/i}}&lt;/button&gt;
</pre>
<h2>{{_i}}Disabled state{{/i}}</h2> <h2>{{_i}}Disabled state{{/i}}</h2>