使用Bootstrap 3将div中的所有内容居中

Question

我尝试使用Bootstrap 3将div中的所有内容集中在一起，但它不起作用，它只以textarea为中心，而不是public class Provider<T> : IProvider<T> { IHttpContextAccessor contextAccessor; public Provider(IHttpContextAccessor contextAccessor) { this.contextAccessor = contextAccessor; } T IProvider<T>.Get() { return contextAccessor.HttpContext.RequestServices.GetService<T>(); } } 之间的内容标签，我的代码有什么问题？

    public void ConfigureServices(IServiceCollection services) {
        services.TryAddSingleton<IHttpContextAccessor, HttpContextAccessor>();
        services.AddSingleton<ISingletonService, SingletonService>();
        services.AddScoped<IScopedService, ScopedService>();
        services.AddTransient<IProvider<IScopedService>, Provider<IScopedService>>();
        // other bindings
    }

你可以在屏幕截图上看到它没有居中，它按标签<span>的方式工作，但我没有使用它，因为我读过它已被弃用。

Answer 1

这是你想要的吗？

如果是这样，只需将text-align: center;添加到.col-centered样式。

Answer 2

我相信.col-centered不再使用了？

尝试text-center。

查看Bootstrap Classes。

Answer 3

更改此

<div class="col-lg-8 col-centered">

进入这个：

<div class="col-lg-8 col-centered" style="text-align:center">

它还将内联内容（即span元素内的内容）集中在块元素中。