CSS Laravel Bootstrap 4

0

I have problems with this new version and I have some things that if you are collecting the Bootstrap4 and others not.

For example, you are not able to teach these icons:

<a href="#" class="btn btn-danger"> <i class="fa fa-cog"          aria-hidden="true"></i></a>
<a href="#" class="btn btn-warning"><i class="fa fa-window-close" aria-hidden="true"></i></a>

Neither this one

    <section class="section-admin">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-tittle">@yield('title')</h3>
        </div>
        <div class="panel-body">
            @include('flash::message')
            @yield('content')
        </div>
    </div>
</section>

<footer class="admin-footer">
    <nav class="navbar navbar-default">
        <div class="containter-fluid">
            <div class="collapse navbar-collapse">
                <p class="navbar-text"> Todos los derechos reservados &copy {{ date('Y') }} </p>
                <p class="navbar-text navbar-right"><b>Deimos Castilla-La Mancha</b></p>
            </div>
        </div>
    </nav>
</footer>

however buttons like

<div class="form-group">
    {!! Form::submit('Registrar', ['class' => 'btn btn-primary']) !!}
</div> 

They work perfectly.

    
asked by Alberto Cepero de Andrés 31.08.2017 в 11:15
source

1 answer

2

You are using the classes defined for Bootstrap v3.3, but Bootstrap v4 is a rewrite of the entire library, without thinking about backward compatibility:

  • There is no support for older browsers (IE9 and earlier)
  • Classes col-N-xs has been renamed to col-N
  • Flex-box is used by default
  • Many components have been rewritten or replaced: panel, well, thumbnail disappear in favor of card.
  • Glyphicons are now external, allowing different packages to be used
  • And many other changes
answered by 31.08.2017 / 12:02
source