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.  

 

转载于:https://www.cnblogs.com/qijiage/p/4506130.html