Skip to content
nothing edited this page Feb 27, 2014 · 6 revisions

通用社区UI结构设计

 --------------------------------------------------------------------------------
 |    brand                                                        user         |  -> navbar navbar-inverse
 --------------------------------------------------------------------------------

 --------------------------------------------------------------------------------
 |                                                                              |
 |                                        0                                     |
 |                                                                              |
 --------------------------------------------------------------------------------
 |        |                                                            |        |
 |        |                               2                            |        |
 |        |                                                            |        |
 |        |------------------------------------------------------------|        |
 |        |                               |                            |        |
 |        |                3              |             4              |        |
 |        |                               |                            |        |
 |   1    |------------------------------------------------------------|   8    |
 |        |                                                            |        |
 |        |                             module                         |        |
 |        |                                                            |        |
 |        |------------------------------------------------------------|        |
 |        |                               |                            |        |
 |        |                5              |             6              |        |
 |        |                               |                            |        |
 |        |------------------------------------------------------------|        |
 |        |                                                            |        |
 |        |                               7                            |        |
 |        |                                                            |        |
 |--------|------------------------------------------------------------|--------|
 |                                                                              |
 |                                        99                                    |
 |                                                                              |
 --------------------------------------------------------------------------------
 |                                                                              |
 |                                      footer                                  |       
 |                                                                              |
 --------------------------------------------------------------------------------
------------------------------------
  brand                        user     -> navbar navbar-inverse
------------------------------------
   20px
------------------------------------
  logo        |    banner adv          
------------------------------------
  20px
------------------------------------
  nav                        search    --> navbar navbar-default
------------------------------------
  20px
------------------------------------
  breadcrumb                           -> breadcrumb
------------------------------------
  20px
------------------------------------
 Page content 
------------------------------------
 footer                               ->  pi-footer
------------------------------------
Clone this wiki locally