Liferay 在aui:行之间添加空格_Liferay_Liferay 7_Liferay Aui

Liferay 在aui:行之间添加空格
liferay
Liferay 在aui:行之间添加空格,liferay,liferay-7,liferay-aui,Liferay,Liferay 7,Liferay Aui,如图所示，我已经尝试了不同的方法通过css添加间距，比如填充或边距，但没有任何效果你能帮我在图中箭头指向的地方加上空格吗谢谢下面是jsp文件： <%@page import="xxx.CreatePortlet"%> <%@ include file="init.jsp"%> <html> <body class="borderBlackOne"> <div class="bottomLine" id="MainTitle"
如图所示，

我已经尝试了不同的方法通过css添加间距，比如填充或边距，但没有任何效果
你能帮我在图中箭头指向的地方加上空格吗
谢谢
下面是jsp文件：
<%@page import="xxx.CreatePortlet"%>
<%@ include file="init.jsp"%>
<html>
<body class="borderBlackOne">

    <div class="bottomLine" id="MainTitle" style="text-align: center">
        <h1>Créer une REP</h1>
    </div>

    <aui:form action="<%=updateRepAction%>" method="post" id="updateForm" name="<portlet:namespace/>updateForm">

        <aui:fieldset>

            <aui:container cssClass="borderBlackOne">

                <aui:container cssClass="paddingTop"> <!-- Don't work -->

                    <aui:row>
                        <aui:col cssClass="alignRight" width="<%=25%>">
                            <span class="bold black"><liferay-ui:message key="manage.nameLabel" /></span>
                        </aui:col>


                        <aui:col width="<%=75%>">
                            <aui:input cssClass="" name="repName" required="true" label="" type="text" value="" />
                        </aui:col>
                    </aui:row>
                </aui:container>

                <!-- Nom de l'auteur -->
                <aui:container>
                    <aui:row>
                        <aui:col cssClass="alignRight" width="<%=25%>">
                            <span class="bold black"><liferay-ui:message key="manage.authorNameLabel" /></span>
                        </aui:col>


                        <aui:col width="<%=75%>">
                            <span class="fill">${authorName}</span>
                        </aui:col>
                    </aui:row>
                </aui:container>

                <!-- Commentaire -->
                <aui:container cssClass="">
                    <aui:row>
                        <aui:col cssClass="alignRight" width="<%=25%>">
                            <span class="bold black"><liferay-ui:message key="manage.comentaryLabel" /></span>
                        </aui:col>


                        <aui:col width="<%=75%>">
                            <aui:input cssClass="" name="comentary" label="" type="textarea" value="" />
                        </aui:col>
                    </aui:row>
                </aui:container>

                <!-- Configuration services -->
                <aui:container>
                    <aui:row>
                        <aui:col cssClass="alignRight" width="<%=25%>">
                            <span class="bold black"><liferay-ui:message key="manage.ServiceLabel" /></span>
                        </aui:col>


                        <aui:col width="<%=75%>">
                            <aui:container cssClass="borderBlackOne">
                                <aui:row>
                                    <aui:col cssClass="alignRight" width="<%=25%>">
                                        <span class="bold black"><liferay-ui:message
                                                key="manage.rep.servicesLabel" /></span>
                                    </aui:col>


                                    <aui:col width="<%=75%>">
                                        <aui:input name="comentary" label="" type="textarea" value="" />
                                    </aui:col>
                                </aui:row>
                                <aui:row>
                                    <aui:col cssClass="alignRight" width="<%=25%>">
                                        <span class="bold black"><liferay-ui:message
                                                key="manage.SystemeLabel" /></span>
                                    </aui:col>


                                    <aui:col width="<%=75%>">
                                        <aui:input name="comentary" label="" type="textarea" value="" />
                                    </aui:col>
                                </aui:row>
                            </aui:container>
                        </aui:col>
                    </aui:row>
                </aui:container>
                <aui:button-row cssClass="alignRight">
                        <aui:button type="cancel" value="Annuler"></aui:button>
                        <aui:button type="submit" value="Ok"></aui:button>
                </aui:button-row>
            </aui:container>
        </aui:fieldset>
    </aui:form>
</body>
</html>

aui:container
和aui:row
生成HTMLdiv
元素，因此margin-x
应该可以工作。我认为，问题可能在于您定义的CSS选择器，或者它们可能相互冲突
试试看：

1.添加！重要信息
在CSS属性之后（例如，页边距顶部：5%！重要信息；
）。或

2.从CSS选择器中删除。创建。或

3.1和2都是。谢谢你的回答。事实上，问题不是来自css，而是来自Liferay或navigator。可能Liferay没有在包中再次构建css，或者导航器即使在清除缓存后也没有再次下载css，或者两者兼而有之。
/* Don't work */
.create .paddingTop {
    margin-top: 5%
}

/* Don't work */
.create .paddingBottom {
    margin-bottom: 25px;
}

/* Don't work */
.create .marges {
    margin: 25px 0px 50px 0px;
}

.create .black {
    color: black;            
}

.create .bold {
    font-weight: bold;
}

.create .alignRight {
    text-align: right;
}

.create .borderBlackOne {
    border: 1px solid black;            
}