模板修改 全宽横幅和昵称以响应式设计为中心

[小关]

效果图：


在extra.less模板中加入下列代码：

@media (max-width: @xf-messageSingleColumnWidth)
{
    .message:not(.message--forceColumns)
    {
        .message-name
        {
            text-align: center;
        }

        .message-userTitle,
        .message-userBanner.userBanner
        {
            display: block;
            text-align: center;
            margin: 0;
        }
    }

 

[JackuXL]

呃这有变化吗

 

[小关]

呃这有变化吗

修改前都是靠左的

 

[@玖黎]

支持

 

[BestChen]

学习了。