php - ラジオボタンがページに表示されない

Question

laravel プロジェクトでは、金属設計のブートストラップ (MDBootstrap) テンプレートを使用します。このテンプレートをマスター デザインに使用し、何かを追加する必要がある場合は @yeild('') を使用します。すべて問題ありませんが、フォームにラジオボタンを追加したい場合、このボタンはページに表示されません。

これがmaster.blade.phpが使用した私の頭です..

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">

<title>{{ config('app.name', 'Laravel') }}</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

<!-- Scripts -->


<!-- Fonts -->
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600" rel="stylesheet" type="text/css">

<!-- Styles -->

<link href="metarial/css/mdb.min.css" rel="stylesheet">
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="metarial/bootstrap.min.css" rel="stylesheet">

ついに体が…

<script type="text/javascript" src="metarial/js/jquery-3.2.1.min.js"></script>


<!-- Tooltips -->
<script type="text/javascript" src="metarial/js/popper.min.js"></script>

<!-- Bootstrap core JavaScript -->
{{--
<script type="text/javascript" src="metarial/js/bootstrap.min.js"></script> --}}

<script src="{{ asset('js/app.js') }}" defer></script>

<!-- MDB core JavaScript -->
<script type="text/javascript" src="metarial/js/mdb.min.js"></script>
<script>
    // SideNav Initialization
    $(".button-collapse").sideNav();

    new WOW().init();
</script>

フォルムは…

<form role="form" action="{{url('/children/add')}}" method="post" enctype="multipart/form-data">
        @csrf 

        <div class="form-group ml-4 mr-4">

            <div class="row">

                <div class="col-6">
                    <label for="name">First Name</label>
                    <input value="{{ old('firstName') }}" name="firstName" type="text" class="form-control" id="first" placeholder="First Name">
                </div>

                <div class="col-6">
                    <label for="name">Last Name</label>
                    <input value="{{ old('lastName') }}" name="lastName" type="text" class="form-control" id="last" placeholder="Last Name">
                </div>
            </div>
        </div>

        <div class="radio form-group ml-4 mr-4">
            <label><input type="radio" name="optradio">Male</label>
          </div>
          <div class="radio">
            <label><input type="radio" name="optradio">Female</label>
          </div>

        <div class="form-group ml-4 mr-4">
            <label for="Birthday">Birthday</label>
            <input name="birthday" type="date" class="form-control" id="birthday">
        </div>


        <div class="form-group ml-4 mr-4">
            <label for="image">Profile Image</label>
            <input type="file" name="image" class="form-control" id="image">
        </div>

        <button type="submit" style="background-color:#2DAE60;" class="btn">
            <i class="fa fa-plus"></i> ADD </button>
    </form>

このページの画像には、ラジオ ボタンがありませんが、「男性」、「女性」というテキストが残っています...

誰でも私を助けてくれますか？