Dear Abdulla Bisir
I think you shouldn't change, because it will affect very more to layout of site. When you change it, your site may be broken.
Because you reduced margin-right, so you can try increase width of span6, span9, span8, span4, span7, span5 by override in your_site\templates\sj_teen\asset\bootstrap\less\bootstrap-rtl.less and find:
.row-fluid [class*="span"] {
margin-right: 1.064%;*margin-right: 2.5109110747409%;
}
=>
.row-fluid [class*="span"] {
margin-right: 1.064%;*margin-right: 2.5109110747409%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.946808510638%;
}
.row-fluid .span11 {
width: 91.452991452991%;
*width: 91.39979996363%;
}
.row-fluid .span10 {
width: 82.905982905983%;
*width: 82.852791416621%;
}
.row-fluid .span9 {
width: 74.358974358974%;
*width: 74.305782869613%;
}
.row-fluid .span8 {
width: 65.811965811966%;
*width: 65.758774322604%;
}
.row-fluid .span7 {
width: 57.264957264957%;
*width: 57.211765775596%;
}
.row-fluid .span6 {
width: 48.707948717949%;
*width: 48.664757228587%;
}
.row-fluid .span5 {
width: 40.17094017094%;
*width: 40.117748681578%;
}
.row-fluid .span4 {
width: 31.623931623932%;
*width: 31.57074013457%;
}
.row-fluid .span3 {
width: 23.076923076923%;
*width: 23.023731587561%;
}
.row-fluid .span2 {
width: 14.529914529915%;
*width: 14.476723040553%;
}
.row-fluid .span1 {
width: 5.982905982906%;
*width: 5.9297144935443%;
}
=> change width above of span for suitable.
lh4.googleusercontent.com/-SseiQ_bTjY0/UrfvQo6KPtI/AAAAAAAAAMA/-mkPkhlUVF4/s1024/width_span.png
Thanks!
