Dev.UI bootstrap

通用社区UI结构设计

 --------------------------------------------------------------------------------
 |    brand                                                        user         |  -> navbar navbar-inverse
 --------------------------------------------------------------------------------
 |    logo                                                  advertisment banner |
 --------------------------------------------------------------------------------
 |    nav                                                                       |  -> navbar navbar-default
 --------------------------------------------------------------------------------
 |    breadcrumb                                                                |  -> breadcrumb
 --------------------------------------------------------------------------------
 |    page message                                                              |  -> alert alert-{type}
 --------------------------------------------------------------------------------
 |                                                                              |
 |                                        0                                     |
 |                                                                              |
 --------------------------------------------------------------------------------
 |        |                                                            |        |
 |        |                               2                            |        |
 |        |                                                            |        |
 |        |------------------------------------------------------------|        |
 |        |                               |                            |        |
 |        |                3              |             4              |        |
 |        |                               |                            |        |
 |   1    |------------------------------------------------------------|   8    |
 |        |                                                            |        |
 |        |                             module                         |        |
 |        |                                                            |        |
 |        |------------------------------------------------------------|        |
 |        |                               |                            |        |
 |        |                5              |             6              |        |
 |        |                               |                            |        |
 |        |------------------------------------------------------------|        |
 |        |                                                            |        |
 |        |                               7                            |        |
 |        |                                                            |        |
 |--------|------------------------------------------------------------|--------|
 |                                                                              |
 |                                        99                                    |
 |                                                                              |
 --------------------------------------------------------------------------------
 |                                                                              |
 |                                      footer                                  |       
 |                                                                              |
 --------------------------------------------------------------------------------
// 0 - 99 as block container, module as page main content

demo