Question: so my fileupload is as following:

```
ApiController]
    [Route("[controller]")]
    public class FilController : Controller
    {
        private IWebHostEnvironment iwebHostEnvironment;

        public void DemoController(IWebHostEnvironment _iwebHostEnvironment)
        {
            iwebHostEnvironment = _iwebHostEnvironment;
        }

        [HttpPost]
        public async Task<IActionResult> Upload(List<IFormFile> files) // få in i AddRequest metoden?
        {
            try
            {
                var result = new List<Filer>();
                foreach (var file in files)
                {
                    var path = Path.Combine(this.iwebHostEnvironment.WebRootPath, "images", file.FileName); // ändra path stämmer inte fixa t databas senare
                    var stream = new FileStream(path, FileMode.Create);
                    await file.CopyToAsync(stream);
                    result.Add(new Filer() { Name = file.FileName, Length = file.Length });
                }
                return Ok(result);
            }
            catch
            {
                return BadRequest();
            }
        }
    }

```

the model is as following:

```
 public class Filer
    {
        public int filesID { get; set; }

        public long Length { get; set; }

        public string Name { get; set; }

        public string meddelande { get; set; }
    }

```

Now i want the string 'meddelande' to be able to accept a string like this in postman:

[![postman screenshot](https://i.stack.imgur.com/M8nvT.jpg)](https://i.stack.imgur.com/M8nvT.jpg)

***whats the next step to add the 'meddelande' in the Upload method?***

Answer: 
Since Bootstrap 5 added a **new XXL breakpoint** at `1400px`, the widest container breakpoint increased from `1140px` (Bootstrap 4) to `1320px` (Bootstrap 5).

Therefore, if you want the same container width behavior as Bootstrap 4, override the `.container` max-width CSS for the XXL breakpoint...

```
@media (min-width: 1400px) {
    .container {
        max-width: 1140px;
    }
}

```

[Responsive Demo](https://codeply.com/p/zqlVfz2Xfu)
Bootstrap 5 includes six default breakpoints.

[![enter image description here](https://i.stack.imgur.com/M9T8b.png)](https://i.stack.imgur.com/M9T8b.png)

These breakpoints are customizable via Sass. You’ll find them in bootstrap's **\_variables.scss** stylesheet.

```
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px   // Use 1140px instead; 
);

```

---

If you don't use Sass, just rewrite `.container`'s max-width as `@Zim` mentioned.

```css
@media (min-width: 1400px) {
  .container {
    max-width: 1140px;
  }
}
```

```html
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

<div class="container">
  <div class="row">
    <div class="col bg-info p-5">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, ratione eum? Alias ipsa illum tempore, maxime cumque accusamus quos quidem culpa pariatur porro sit atque deleniti delectus consectetur praesentium. Eligendi?
    </div>
  </div>
</div>
```