class="container-fluid"还有啥语法

"class" 是 HTML 元素的一个属性，用于为元素指定一个或多个 CSS 类。多个类名之间使用空格分隔。在 Bootstrap 中，我们可以通过为元素添加不同的 class 来实现各种样式效果。

除了 "container-fluid"，Bootstrap 还提供了许多类似的 class 来定义不同的容器和布局，如：

- "container"：一个固定宽度的容器。
- "row"：网格布局的行元素。
- "col"：网格布局的列元素。
- "d-flex"：设置元素为弹性盒子（flexbox）布局。
- "justify-content-center"：设置元素内部元素在主轴方向上居中对齐。
- "align-items-center"：设置元素内部元素在交叉轴方向上居中对齐。

此外，Bootstrap 还提供了许多其他的 class，如按钮、表格、表单等组件的样式类，可以根据需要进行使用。

相关问题

<div class="container-fluid"> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>导航条代码在哪里

这段代码是一个完整的navbar组件，其中包含一个导航条。它的HTML代码在 `<nav>` 标签内，大致结构如下：

<div class="container-fluid">
   <nav class="navbar navbar-inverse">
      <div class="container-fluid">
         <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
               <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
            </button>
            <!-- 导航条的品牌标识 -->
            <a class="navbar-brand" href="#">Brand</a>
         </div>
         <!-- 导航条的链接列表 -->
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
               <li class="active"><a href="#">Link 1</a></li>
               <li><a href="#">Link 2</a></li>
               <li><a href="#">Link 3</a></li>
            </ul>
         </div>
      </div>
   </nav>
</div>

其中，导航条的链接列表是在 `<ul>` 标签中的，每个链接都包含在 `<li>` 标签中。你可以根据需要修改链接的文本内容、链接地址、样式等。

class=“container-fluid”怎么展示在页面下方

"container-fluid" 类并不能控制元素在页面中的位置，它只是定义了元素的宽度为100%的容器。要将元素放置在页面底部，可以使用 CSS 中的定位（position）属性来控制。

例如，可以为元素添加以下样式：

position: fixed;
bottom: 0;
left: 0;
right: 0;

这将使元素固定在页面底部，并覆盖在其他内容之上。如果要让元素始终保持在底部，即使页面内容滚动，可以将 "position" 属性设置为 "absolute"。

最后，如果您需要让元素在页面中垂直居中，可以使用 flexbox 布局的方式，例如：

display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;

这将使元素在页面中垂直居中，并且始终占据整个视口高度。