Search Posts

Grid in Office UI fabric js

Office UI fabric js library embedded a very old Fabric Core 5.0.1, so the grid example from Fabric Core will not work. All you have to do is change the class from “ms-lg2” to “ms-u-lg2”. Just go to , download the source and check all the class names you need.

<link rel="stylesheet" href="" />
<link rel="stylesheet" href="" />
<script src=""></script>
<body class="ms-Fabric">

<div class="ms-Grid">
<div class="ms-Grid-row">
<div class="ms-Grid-col ms-u-lg2" style="background-color: #a6a6a6;">A</div>
<div class="ms-Grid-col ms-u-lg10" style="background-color: #a6a6a6;">B</div>


Leave a Reply

Your email address will not be published. Required fields are marked *