Skip to content →

Sharepoint 2013 Responsive Design and Bootstrap the system icons missing in back Design.

First Of All;
Responsive. css file
img {
max-width: none;
width: auto;
}

We will add this css code. If the distortion is distortion of the image in your design in the sizes of the fields under the images in the top div, max-width, you need to provide.
Örn: #divNav img{
max-width:100%;
}
such as.

Then,
in the Bootstrap.css file;
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} bu css kodlarınn altına
#s4-ribbonrow *, #s4-ribbonrow *:after, #s4-ribbonrow *.before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#suiteBar *, #suiteBar *:after, #suiteBar *.before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

We are adding this code. When the page refreshes the icons will come again.

Published in General

Comments

Leave a Reply

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