从语义UI模仿玉

Question

我有来自SemanticUI的HTML，它显示用户图标右侧的文本：

<h1 class="ui header">
  <i class="user icon"></i>
  Create Your Account
</h1>

我试图用Jade重新制作它：

h1.ui.header
  i.user.icon
  Create Your Account

然而，这并没有正常工作，因为我认为Jade需要某种类型的html标签来运作，并且“＃34;创建您的帐户”＃34; line没有。

因此我也尝试了这个：

h1.ui.header
  i.user.icon
  span Create Your Account //also with div and p but these are display:block so no luck

但是＆＃34;创建您的帐户＆＃34;文本显示在用户图标下方，我需要它出现在右侧。

Answer 1

另外，在带有玉石模板的标签之后放置文本时，需要使用管道符号：

 h1.ui.header
    i.user.icon
    | Create Your Account

将生成：

<h1 class="ui header"><i class="user icon"></i>Create Your Account</h1>

您可以在jade demo page上尝试。

希望这有帮助。