Created
February 12, 2016 22:15
-
-
Save gitaeks/c8694ab2af65a51cf8a8 to your computer and use it in GitHub Desktop.
[rc] Standard bars
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Segmented control in standard bar fixed to top --> | |
| <nav class="bar bar-standard"> | |
| <div class="segmented-control"> | |
| <a class="control-item active">Thing one</a> | |
| <a class="control-item">Thing two</a> | |
| <a class="control-item">Thing three</a> | |
| </div> | |
| </nav> | |
| <!-- Block button in standard bar fixed below top bar --> | |
| <div class="bar bar-standard bar-header-secondary"> | |
| <button class="btn btn-block">Block level button</button> | |
| </div> | |
| <!-- Block button in standard bar fixed above the footer --> | |
| <div class="bar bar-standard bar-footer-secondary"> | |
| <button class="btn btn-block">Block level button</button> | |
| </div> | |
| <!-- Icons in standard bar fixed to the bottom of the screen --> | |
| <div class="bar bar-standard bar-footer"> | |
| <a class="icon icon-compose pull-left"></a> | |
| <a class="icon icon-gear pull-right"></a> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment