Question

我正在使用以下链接http://gwtbootstrap3.github.io/gwtbootstrap3-demo/#images

中提到的GWTBootstarp3

与我的gwt项目。我试图将我的标题文本移动到图像旁边，但它出现在两行中。

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
    xmlns:g="urn:import:com.google.gwt.user.client.ui"
    xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
    <b:Container fluid="true">
        <g:FlowPanel>
            <b:Image type="ROUNDED" url="images/logo.jpg" addStyleNames="topLeft"></b:Image>
            <b:Heading size="H1" text="My Application Title" addStyleNames="topLeft"></b:Heading>
        </g:FlowPanel>
    </b:Container>
</ui:UiBinder>

Answer 1

那是因为Heading有display: block会导致此类行为。您应该做的可能是将Image包裹在Heading：

中

<b:Heading size="H1" addStyleNames="topLeft">
    <b:Image type="ROUNDED" url="images/logo.jpg" />
    <h:Text text="My Application Title" />
</b:Heading>

如何使用gwtbootstrap3在文本旁边放置文本

1 个答案: