首页 > 解决方案 > 我需要帮助在 laravel 刀片文件的两列 div 中显示数据

问题描述

我无法使用引导程序在 laravel 的两列 div 中显示数据。由于某种原因,另一个 div 的内容低于另一个。这是代码。

@extends('layouts.app')
@section('content')
<!--twitch client id!-- vzq62rzb1bbh0d1ebtp5pcx70ysvva!-->
<h1>Hello {{user->user_name}}</h1>

<body background = "img/cool_background.png">

    <div class = "container">

        <div class = "col-md-3">

                <div id = "firstNewsCard" class = "row wow fadeInLeft">

        </div>

        <div class = "c0l-md-9">

            <!--the other column div!-->

        </div>

     </div>

</body>

@endsection

标签: laravel

解决方案


正如引导文档所建议的那样,您应该使用带有 class="row" 的元素来包装所有内部 col-xy 分类元素(“x”是 xs、sm、md 或 lg,而“y”通常总和为 12,可能会更少但不多),例如:

<div class="container">
    <div class="row">
        <div class="col-md-3">

        </div>
        <div class="col-md-9">

        </div>
    </div>

</div>

推荐阅读