Dentro de mi formulario de usuario tengo una sección de permisos disponibles para el usuario, mi intención es que esta sección de permisos, justamente los permisos que listo, se muestren en al menos dos columnas. ¿Cómo podría lograr esto con bootstrap 4?.
Así se ven actualmente mis permisos:
Como mencioné anteriormente deseo poder mostrar la lista de permisos en 2 columnas y no lo estoy logrando.
Intenté agregando esta linea
<ul class="list-group list-group-horizontal">
pero no me esta funcionando.
Esta es mi sección de permisos:
<div class="col-md-6">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">Permisos</h3>
</div>
<div class="box-body">
@role('Admin')
@include('admin.users.partials.permissions-checkboxes')
@else
<ul class="list-group">
@forelse ($user->permissions as $permission)
<li class="list-group-item">{{ $permission->name }}</li>
@empty
<li class="list-group-item">No tiene permisos</li>
@endforelse
</ul>
@endrole
</div>
</div>
</div>
Este es el partials de permissions:
@foreach( $permissions as $id => $name )
<div class="checkbox">
<label>
<input name="permissions[]" type="checkbox" value="{{ $name }}"
{{ $user->permissions->contains($id) ? 'checked':'' }}>
{{ $name }}
</label>
</div>
@endforeach
ACTUALIZACION 1
En esta actualizacion he agregado <div class="row">
y <div class="col-6 col-md-4">
. No resulto ninguna modificacion.
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">Permisos</h3>
</div>
<div class="box-body">
<div class="row">
<div class="col-6 col-md-4">
@role('Admin')
@include('admin.users.partials.permissions-checkboxes')
@else
<ul class="list-group">
@forelse ($user->permissions as $permission)
<li class="list-group-item">{{ $permission->name }}</li>
@empty
<li class="list-group-item">No tiene permisos</li>
@endforelse
</ul>
@endrole
</div>
</div>
</div>
</div>
ACTUALIZACION 2
simplemente agregando esta linea <div class="checkbox col-sm-6">
en mi archivo @include('admin.users.partials.permissions-checkboxes'), he podido mostrar la lista de permisos de usuarios en dos columnas, pero ha ocurrido una pequeña diferencia de espacios en el primer permiso (View posts), con respecto a los demas permisos, notan el espacio que hay?. Observar imagen.
Esto puede tener solución?
.row
que es necesario y apóyate con la respuesta de @JorgeGuz