与Angular进行引导斗争

时间:2018-06-19 12:30:40

标签: html angular twitter-bootstrap

我目前正在尝试重现一些我在他们的网站上看到但没有成功的bootsrap示例

我想在第二个旁边放置一个输入框 就像“消息框1框2”

因此,我首先尝试使用网格系统以相同的原始方式将3个消息彼此相邻。 问题在于,最终它是message1,然后是第二个原始文件上的message2,然后是第三个原始文件上的message3

这是我在html文件中使用的代码:

<li class="list-group-item">
  <h4>Service : Allo</h4>
  <div class="container">
    <div class="row">
      <div class="col">
        1 of 2
      </div>
      <div class="col">
        2 of 2
      </div>
    </div>
  </div>
</li>

谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用like

<li class="list-group-item">
  <h4>Service : Allo</h4>
  <div class="container">
    <div class="row">
      <div class="w-100">
        1 of 2
      </div>
      <div class="w-100">
        2 of 2
      </div>
    </div>
  </div>
</li>