相邻链接未正确分隔，bootstrap

Question

我尝试使 html 页面 bootstrap 兼容。这样布局不会改变，但它是有效的 bootstrap.And 我的意思是有效，它不会说："Adjacent links are not separated properly"。我验证页面：http://achecker.ca/checker/index.php 这是 html 页面：

{request.mapparams(p)}
<se:format inputdata="{translation.arg(dtIn)}">
    <se:rowformat expression="this.field(param)==request.query(p, default='')"><a class="list-group-item active" href="{url.addparameter(channel.link(this.field(Nr)), p, this.field(param))}"><span class="badge">{this.field(Count)}</span>{this.field(Title)}</a></se:rowformat>
    <se:rowformat><ul><a class="list-group-item"  href="{url.addparameter(channel.link(this.field(Nr)), p, this.field(param))}"><span class="badge">{this.field(Count)}</span>{this.field(Title)}</a></ul></se:rowformat>
    <se:resultformat><div class="list-group">{this.result()}</div></se:resultformat>
</se:format>

我向其中添加了 ul 元素：

<ul><a class="list-group-item"  href="{url.addparameter(channel.link(this.field(Nr)), p, this.field(param))}"><span class="badge">{this.field(Count)}</span>{this.field(Title)}</a></ul>

但现在布局发生了变化。怎么改成布局不会变？

谢谢

例如，如果我这样做：

{request.mapparams(p)}
<se:format inputdata="{translation.arg(dtIn)}">
    <se:rowformat expression="this.field(param)==request.query(p, default='')"><a class="list-group-item active" href="{url.addparameter(channel.link(this.field(Nr)), p, this.field(param))}"><span class="badge">{this.field(Count)}</span>{this.field(Title)}</a></se:rowformat>
    <se:rowformat><li><span style="visibility:hidden"></span><a class="list-group-item"  href="{url.addparameter(channel.link(this.field(Nr)), p, this.field(param))}"><span class="badge">{this.field(Count)}</span>{this.field(Title)}</a><span style="visibility:hidden"></span></li></se:rowformat>
    <se:resultformat><div class="list-group">{this.result()}</div></se:resultformat>
</se:format>

我仍然看到一个黑点

Answer 1

我是这样解决的：

{request.mapparams(p)}
<se:format inputdata="{translation.arg(dtIn)}">
    <se:rowformat expression="this.field(param)==request.query(p, default='')"><a class="list-group-item active" href="{url.addparameter(channel.link(this.field(Nr)), p, this.field(param))}"><span class="badge">{this.field(Count)}</span>{this.field(Title)}</a></se:rowformat>
    <se:rowformat><li class="list-unstyled"><span style="visibility:hidden"></span><a class="list-group-item"  href="{url.addparameter(channel.link(this.field(Nr)), p, this.field(param))}"><span class="badge">{this.field(Count)}</span>{this.field(Title)}</a><span style="visibility:hidden"></span></li></se:rowformat>
    <se:resultformat><ul class="list-group">{this.result()}</ul></se:resultformat>
</se:format>

所以问题解决了:)

相邻链接未正确分隔，bootstrap

Adjacent links are not separated properly,bootstrap

html

css

bootstrap-modal