Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS中的列不工作_Css_Materialize - Fatal编程技术网

CSS中的列不工作

CSS中的列不工作,css,materialize,Css,Materialize,我有一个网站,其中有一个高级搜索(红色框),然后显示用户配置文件(白色框)。我希望它看起来像这样: 一列专用于搜索,三列专用于用户配置文件。我现在拥有的是: 我的代码: <div class="container"> <div class="row"> <div class="col s12 m6 l3"> <div class="col s12 m12 l12">

我有一个网站,其中有一个高级搜索(红色框),然后显示用户配置文件(白色框)。我希望它看起来像这样:

一列专用于搜索,三列专用于用户配置文件。我现在拥有的是:

我的代码:

    <div class="container">
    <div class="row">
        <div class="col s12 m6 l3">
            <div class="col s12 m12 l12">
                <div class="card">
                    <div class="card-content center">
                        <div style="margin-top: -20px; width: 113%; height: 40px; background-color: #0288d1;margin-left: -21px;">
                        <span class="card-title2">Advanced search</span>
                        </div>
                        <%= simple_form_for @search do |s| %>
                            SEARCH FORM GOES HERE
                        <% end %>
                    </div>
                </div>
            </div>
        </div>
    <% @userinfors.each do |user| %>
        <% if user.videos.present? && user.resumes.present? && user.othervideos.present? && user.workpaces.present? && user.sandws.present? %>
            <div class="col s12 m6 l9">
                <div class="col s12 m6 l4">
                    <div class="card white">
                        <div class="card-content center">
                            USER PROFIL GOES HERE                         
                        </div>
                    </div>
                </div>  
            </div>            
        <% end %>
    <% end %>
    </div>
</div>

高级搜索
搜索表在这里
用户档案在这里
欢迎任何帮助我是新来的,所以请不要投反对票,告诉我怎么了

试试这个:

<div class="container">
    <div class="row">
        <div class="col s12 m6 l3">

            <div class="col s12 m12 l12">
                <div class="card">
                    <div class="card-content center">
                        <div style="margin-top: -20px; width: 113%; height: 40px; background-color: #0288d1;margin-left: -21px;">
                        <span class="card-title2">Advanced search</span>
                        </div>
                        <%= simple_form_for @search do |s| %>
                            SEARCH FORM GOES HERE
                        <% end %>
                    </div>
                </div>
            </div>
        </div>
        <div class="col s12 m6 l9">
           <% @userinfors.each do |user| %>
              <% if user.videos.present? && user.resumes.present? && user.othervideos.present? && user.workpaces.present? && user.sandws.present? %>
                <div class="col s12 m6 l4">
                    <div class="card white">
                        <div class="card-content center">
                            USER PROFIL GOES HERE                         
                        </div>
                    </div>
                </div>  
              <% end %>
           <% end %>
        </div>            
    </div>
</div>

高级搜索
搜索表在这里
用户档案在这里
看起来是这样的

试试这个:

<div class="container">
    <div class="row">
        <div class="col s12 m6 l3">

            <div class="col s12 m12 l12">
                <div class="card">
                    <div class="card-content center">
                        <div style="margin-top: -20px; width: 113%; height: 40px; background-color: #0288d1;margin-left: -21px;">
                        <span class="card-title2">Advanced search</span>
                        </div>
                        <%= simple_form_for @search do |s| %>
                            SEARCH FORM GOES HERE
                        <% end %>
                    </div>
                </div>
            </div>
        </div>
        <div class="col s12 m6 l9">
           <% @userinfors.each do |user| %>
              <% if user.videos.present? && user.resumes.present? && user.othervideos.present? && user.workpaces.present? && user.sandws.present? %>
                <div class="col s12 m6 l4">
                    <div class="card white">
                        <div class="card-content center">
                            USER PROFIL GOES HERE                         
                        </div>
                    </div>
                </div>  
              <% end %>
           <% end %>
        </div>            
    </div>
</div>

高级搜索
搜索表在这里
用户档案在这里
看起来是这样的