添加网格列会破坏样式

时间:2017-04-05 22:18:47

标签: html css angular-bootstrap

我想要在一行中显示三组字符串。 enter image description here

我想为所有三个添加网格列,这样即使窗口大小减小,每个集合仍保持不变。但是添加网格列会使对齐和间距变得混乱,看起来像这样:

enter image description here

我从col类中移除了填充和边距但仍然没有帮助。任何人都可以建议我需要做些什么来修复它。请帮忙!

public partial class Startup
    {
      public static IDataProtectionProvider DataProtectionProvider { get; set; }

        public void ConfigureAuth(IAppBuilder app)
        {
           DataProtectionProvider = app.GetDataProtectionProvider();
        }
}
.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}

1 个答案:

答案 0 :(得分:1)

很难没有代码示例,但试试这个:

.text-right {
  text-align: right;
}

将此添加到:

<span class="text-right">in the last 24 hours</span>

您可以向span类添加text-align右对齐,以便将其与另一个div对齐。