在adminbsb卡上使用引导式脚手架的正确方法是什么

如何解决在adminbsb卡上使用引导式脚手架的正确方法是什么

我目前正在编写DJANGO应用程序，其中显示adminbsb卡列表，并希望在卡头上显示更多信息。但是，如果我尝试将元素浮动到标头中，则它似乎没有遵循规则，我将其放置：

<section class="content">
    <div class="container-fluid">
        
 some script here
        

    <div class="row-fluid">
        <div class="span12">
            Fluid 12
            <div class="row-fluid">
                <div class="span6">
                    Fluid 6
                    <div class="row-fluid">
                        <div class="span6">Fluid 6</div>
                        <div class="span6">Fluid 6</div>
                    </div>
                </div>
                <div class="span6">Fluid 6</div>
            </div>
        </div>
    </div>



    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">

            <div class="bg-green row-fluid inline-group">
                <div class="row-fluid">
                    <div class="span12">
                        Fluid 12
                        <div class="row-fluid">
                            <div class="span6">
                                Fluid 6
                                <div class="row-fluid">
                                    <div class="span6">Fluid 6</div>
                                    <div class="span6">Fluid 6</div>
                                </div>
                            </div>
                            <div class="span6">Fluid 6</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="body">
                <strong>Nulla at elementum quam,luctus feugiat ipsum</strong><br/>
                <strong><small>Vestibulum suscipit ornare dui consequat sodales. Maecenas eget sollicitudin diam. Aenean
                    in
                    augue arcu. Proin viverra velit eu elit eleifend posuere. Nunc ac arcu erat.</small></strong><br/>
                <!-- <a href="% url 'detalles' tar.numtar %}">{ tar.descorta|truncatechars:300 }}</a> -->
            </div>
        </div>
    </div>
    <div class="row clearfix">
    </div>


    </div>
</section>

得到这个

因为它应该给我这样的东西

我不知道可能会丢失什么。存在adminbsb和bootstrap库。

解决方法

第一次，我尝试了脚手架。与bootstrap类似，没有更多区别，这就是为什么我尝试为此提供答案。

请检查，然后通知我。它是否有效。您是否要相同。

<div class="col-12">
  <div class="card">
    <div class="bg-green row-fluid inline-group">
        <div class="span12">
             Fluid 12
           <div class="row-fluid">
             <div class="span6">
                Fluid 6
                 <div class="row-fluid">
                      <div class="span3">Fluid 3</div>
                      <div class="span3">Fluid 3</div>
                 </div>
             </div>
             <div class="span6">Fluid 6</div>
           </div>
        </div>
    </div>
  </div>
</div>

---

下面是卡内的代码。

说明：

• 如果要在所有视图中使用列大小12。然后，无需给出所有 col- [（）-lg，md，sm，xs] **网格类。 您只能使用col-12。所有视口的尺寸均为12。
• 在课程“ span6” 中。您必须采用“ span” 列大小等于6的总和。 赞：：在课程“ span6” 中，您可以给“ span3” 和“ span3” 的 6 。您可以选择任意大小的列，具体取决于您。但应等于 6之和。 示例： 6 = 1 + 5、2 + 4、3 + 3、4 + 2、5 + 1。

using System;
using Microsoft.AspNetCore.Mvc;
using ExcelFileRead.Models;
using Microsoft.AspNetCore.Hosting;
using System.IO;
using OfficeOpenXml;
using System.Linq;

namespace ExcelFileRead.Controllers
 {
 public class HomeController : Controller
  {

    private readonly IHostingEnvironment _hostingEnvironment;
    public HomeController(IHostingEnvironment hostingEnvironment)
    {
        _hostingEnvironment = hostingEnvironment;
    }
    public ActionResult File()
    {
        FileUploadViewModel model = new FileUploadViewModel();
        return View(model);
    }
    [HttpPost]
    public ActionResult File(FileUploadViewModel model)
    {
        string rootFolder = _hostingEnvironment.WebRootPath;
        string fileName = Guid.NewGuid().ToString() + model.XlsFile.FileName;
        FileInfo file = new FileInfo(Path.Combine(rootFolder,fileName));
        using (var stream = new MemoryStream())
        {
            model.XlsFile.CopyToAsync(stream);
            using (var package = new ExcelPackage(stream))
            {
                package.SaveAs(file);
            }
        }

        using (ExcelPackage package = new ExcelPackage(file))
        {
            ExcelWorksheet worksheet = package.Workbook.Worksheets.FirstOrDefault();
            if (worksheet == null)
            {

                //return or alert message here
            }
            else
            {

                var rowCount = worksheet.Dimension.Rows;
                for (int row = 2; row <= rowCount; row++)
                {
                    model.StaffInfoViewModel.StaffList.Add(new StaffInfoViewModel
                    {
                        FirstName = (worksheet.Cells[row,1].Value ?? string.Empty).ToString().Trim(),LastName = (worksheet.Cells[row,2].Value ?? string.Empty).ToString().Trim(),Email = (worksheet.Cells[row,3].Value ?? string.Empty).ToString().Trim(),});
                }
                
            }
        }
        return View(model);
    }

  }
}