Bootstrap網格 - Bootstrap后臺管理系統模版Ace下載

.center {

text-align:center;

}

.center [class*="col-"] {

margin-top:2px;

margin-bottom:2px;

padding-top:4px;

padding-bottom:4px;

position:relative;

text-overflow:ellipsis;

}

.center [class*="col-"] span{

position:relative;

z-index:2;

display: inline-block;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

width: 100%;

}

.center [class*="col-"]:before {

position:absolute;

top:0; bottom:0;

left:2px; right:2px;

content:"";

display:block;

border:1px solid #DDD;

z-index: 1;

}

.center [class*="col-"]:hover:before {

background-color:#FCE6A6;

border-color:#EFD27A;

}

try{ace.settings.check('navbar' , 'fixed')}catch(e){}

Ace Admin

• 4

  • 4 Tasks to complete

  • Software Update

    65%

  • Hardware Upgrade

    35%

  • Unit Testing

    15%

  • Bug Fixes

    90%

  • See tasks with details

• 8

  • 8 Notifications

  • New Comments

    +12

  • Bob just signed up as an editor ...

  • New Orders

    +8

  • Followers

    +11

  • See all notifications

• 5

  • 5 Messages

  • Alex:

    Ciao sociis natoque penatibus et auctor ...

    a moment ago

  • Susan:

    Vestibulum id ligula porta felis euismod ...

    20 minutes ago

  • Bob:

    Nullam quis risus eget urna mollis ornare ...

    3:15 pm

  • See all messages

• Welcome,

  Jason

  • Settings

  • Profile

  • Logout

try{ace.settings.check('main-container' , 'fixed')}catch(e){}

try{ace.settings.check('sidebar' , 'fixed')}catch(e){}

• 控制臺

• 文字排版

• UI 組件

  • 組件

  • 按鈕 & 圖表

  • 樹菜單

  • jQuery UI

  • 可拖拽列表

  • 三級菜單

    • 第一級

    • 第四級

      • 添加產品

      • 查看商品

• 表格

  • 簡單 & 動態

  • jqGrid plugin

• 表單

  • 表單組件

  • 向導提示 & 驗證

  • 編輯器

  • 文件上傳

• 插件

• 日歷

• 相冊

• 更多頁面

  • 用戶信息

  • 收件箱

  • 售價單

  • 購物車

  • 時間軸

  • 登錄 & 注冊

• 其他頁面

  5

  • 幫助

  • 404錯誤頁面

  • 500錯誤頁面

  • 網格

  • 空白頁面

try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}

try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}

• Home

• Other Pages

• Grid

Grid

bootstrap grid sizing

.col-xs-12

.col-xs-1

.col-xs-11

.col-xs-6.col-sm-2

.col-xs-6.col-sm-10

.col-xs-12.col-lg-6

.col-xs-12.col-lg-6

.col-xs-4

.col-xs-8

.col-xs-5

.col-xs-7

.col-xs-6

.col-xs-6

.col-xs-7

.col-xs-5

.col-xs-8

.col-xs-4

.col-xs-9

.col-xs-3

.col-xs-10

.col-xs-2

.col-xs-11

.col-xs-1

.col-xs-12

#438EB9

#222A2D

#C6487E

#D0D0D0

? Choose Skin

Fixed Navbar

Fixed Sidebar

Fixed Breadcrumbs

Right To Left (rtl)

Inside

.container

window.jQuery || document.write("

if("ontouchend" in document) document.write("

一鍵復制

編輯

Web IDE

原始數據

按行查看

歷史

總結

以上是生活随笔為你收集整理的html grid插件,grid.html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。