Edit on Github

Container

in namespace DotVVM.Framework.Controls.Bootstrap4

Represents the Bootstrap container.

Usage & Scenarios

Renders a Boostrap container component.

https://getbootstrap.com/docs/4.3/layout/overview/#containers

Sample 1: Normal vs Fluid Container

The Type property specifies the behavior of the Container for wide pages.

  • Normal type limits the maximum page width. If the window is wider, the content is not resized beyond the maximum width and it is centered.
  • Fluid type always utilizes the available horizontal space.
<bs:Container Type="Fluid">
  <p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam quis nulla. Aenean vel massa quis mauris vehicula lacinia. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Aliquam erat volutpat. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. In rutrum. Maecenas sollicitudin. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
  </p>
</bs:Container>

Properties

Name Type Description Notes Default Value
property icon Type BootstrapContainerType Gets or sets the type of the container - fluid or normal.
attribute
inner element
static value
bindable
default
 Normal

HTML produced by the control