How to remove the '-' after the name

[donchoborisov]

Hi there,

Is there any option to remove the ''-" after the name?

Thank you very much in advance

[donchoborisov]

[donchoborisov]

I fix the issue by removing the class active in bootstrap4.blade.php and i just replace that class with text-muted

`@unless ($breadcrumbs->isEmpty())

<ol class="breadcrumb">
    @foreach ($breadcrumbs as $breadcrumb)

        @if ($breadcrumb->url && !$loop->last)
            <li class="breadcrumb-item "><a href="{{ $breadcrumb->url }}">{{ $breadcrumb->title }}</a></li>
        @else
            <li class="breadcrumb-item text-muted  ">{{ $breadcrumb->title }}</li>
        @endif

    @endforeach
</ol>

@endunless`

[shengslogar]

Hmm... sounds like you're doing something special with Bootstrap to cause this behavior? There shouldn't be any special characters attached to breadcrumbs out of the box.

Glad you were able to figure it out either way.

https://getbootstrap.com/docs/4.0/components/breadcrumb/

[donchoborisov]

Nothing special so far :)

Anyway thanks for your quick response and your help

[shengslogar]

If you figure out what's causing the issue, happy to take a closer look. Afaik this is not default Bootstrap 4 behavior.

[donchoborisov]

on of my pages @extends('layouts.default') @section('content')

Our Policies

{{ Breadcrumbs::render('policies') }}

@foreach($policies as $policy)

{{$policy->name}}

@endforeach

@stop

bootstrap 4 file ` @unless ($breadcrumbs->isEmpty())

<ol class="breadcrumb">
    @foreach ($breadcrumbs as $breadcrumb)

        @if ($breadcrumb->url && !$loop->last)
            <li class="breadcrumb-item  "><a href="{{ $breadcrumb->url }}">{{ $breadcrumb->title }}</a></li>
        @else
            <li class="breadcrumb-item text-muted  ">{{ $breadcrumb->title }}</li>
        @endif

    @endforeach
</ol>

@endunless

`

[donchoborisov]

which part you want me to show you?

[shengslogar]

If swapping class="active" for class="text-muted" solved it, it's likely there's some CSS style overriding Bootstrap that's causing this issue. I probably can't solve this by looking over your Blade templates.

I would inspect the component in your browser and work backwards to figure this one out.

[donchoborisov]

Yes you are right maybe something is playing behind in my css i will double check this.