Bootstrap列集未正确显示

时间:2016-12-31 10:55:00

标签: java twitter-bootstrap jsf

为什么第二列没有显示在第一列的右侧? 目前它显示在第一列集下面。

<!-- ZUSAMMENFASSUNG -->
<b:row>
  <h:form>
    <b:column col-lg="6" col-md="6" col-xs="12">
      <h2>Zusammenfassung</h2>
      <b:panelGrid columns="2">
        <b:navCommandLink value="6 Neuanträge gesamt"></b:navCommandLink>
        <b:navCommandLink value="KEINE Vorkomnisse"></b:navCommandLink>
        <b:navCommandLink value="3 Zuordungen zu vorhandenen AVS"></b:navCommandLink>
      </b:panelGrid>
    </b:column>
  </h:form>
  <h:form>
    <b:column col-lg="6" col-md="6" col-xs="12">
      <b:panelGrid columns="2" colSpans="5,7">
        <h:outputText value="Weitere Einstellungen, Ansichten bezüglich der Zusammenfassung können hier geändert werden" />
      </b:panelGrid>
    </b:column>
  </h:form>
</b:row>

1 个答案:

答案 0 :(得分:0)

好吧我没有意义,但我解决了这个问题:

    <b:container>
    <!-- ZUSAMMENFASSUNG -->
    <b:row>
        <b:column col-lg="6" col-md="6" col-xs="12">
            <h:form>
                <h2>Zusammenfassung</h2>
                <b:panelGrid columns="2">
                    <b:navCommandLink value="6 Neuanträge gesamt"></b:navCommandLink>
                    <b:navCommandLink value="KEINE Vorkomnisse"></b:navCommandLink>
                    <b:navCommandLink value="3 Zuordungen zu vorhandenen AVS"></b:navCommandLink>
                </b:panelGrid>
            </h:form>
        </b:column>
    </b:row>
    <b:column col-lg="6" col-md="6" col-xs="12">
        <h:form>
            <b:panelGrid columns="2" colSpans="5,7">
                <h:outputText
                    value="Weitere Einstellungen, Ansichten bezüglich der Zusammenfassung können hier geändert werden" />
            </b:panelGrid>
        </h:form>
    </b:column>
</b:container>