在<窗体操作中使用 CSS>

我正在尝试做一些关于php的教程，并在引用css文件时苦苦挣扎。我的环境是 laravel 作为 docker 容器，我在 laravel的 public/css 文件夹中创建了一个名为 main.css 的新 css 文件。内容如下：

.main-form{
    width: 450px;
    margin: auto;
}

下一步，我想在我的 php 文件中使用此信息来居中标签：

<form action="" class="main-form">
            <label for="username">Username</label>
            <input type="text" name="username" id="username" class="form-control">
        </form>

但是，不幸的是，没有调用css，并且外观仍然延伸到整个屏幕上。有人说我做错了什么吗？谢谢斯蒂芬

我尝试了css/main-form.csscss.main-form

您需要

在视图页面中包含 css 的正确路径，如下所示

<html>
   <head>
      <!-- you need to refer the main.css here-->
      <link href="{{ asset('css/main.css') }}" rel="stylesheet">
   <head>
<body>
<form action="" class="main-form">
   <label for="username">Username</label>
   <input type="text" name="username" id="username" class="form-control">
</form>
</body>
</html>

希望对你有帮助

相关内容

最新更新

热门标签：