SharePoint 2013 - Bootstrap

1. 在SharePoint 2013中应用Bootstrap时,需要添加以下css:

<style>
            .container{
                margin-left:0px; //为了使container类的div居左显示,与SharePoint风格一致,默认居中
                margin-right:0px; //为了使container类的div居左显示,与SharePoint风格一致,默认居中
                text-shadow:none;
    
            }            
            .disabled{
                opacity: 0.15 !important;
                filter: alpha(opacity=15) !important;
            }
            body{
                font-size:13px;
                font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
                line-height:normal;
            }
            #pageTitle{
                margin:0px;
            }
                                
        </style>

而且还需要对bootstrap.min.css文件进行修改,将所有的 {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}改为content-box;

2. 如果已经修改了bootstrap文件中的box-sizing设置,那么在使用栅格系统布局时,需要设置一下col-sm的box-sizing类:

[class*="col-"]{
    box-sizing:border-box;
}

3.  

 

posted @ 2015-05-15 15:49  Jacky Ge  阅读(458)  评论(0编辑  收藏  举报