Laravel 5 Pagination CSS Breaking

Question

I'm using Laravel 5 and Bootstrap 3.3.4

So I have the following code in my controller:

$articles = Newsarticles::paginate(10);
return view ('news',compact('articles');

Then in my view I have:

@foreach($articles as $article)

<article>
    <h2>
        <a href="{!! action('DynamicPages@show', [$article->slug]) !!}">{!! $article->headline !!}</a>
    </h2>
    <div class="body">
        {!! substr($article->article,0,500) !!}
    </div>
</article>

@endforeach

{!! $articles->render() !!}

When I run this, the pagination links at the bottom of the page come out just fine and look as they should do. However, if I change the controller to :

$articles = Newsarticles::orderBy('artdate','DESC')->paginate(10);

my pagination links come out like this:

«
1
2
3
4
5
6
»

How can one small adjustment in the code break the css?

Answer 1

With substr($article->article,0,500) you may breack html code.

You can also have a distinct number of vivible chars

p>hello</p>

12 chars

<stong>hello</strong>

21 chars.

And take care of this:

echo substring('<p>hello</p>', 5);

Writes: "

he". Breack html result.

Try with

substr(strip_tags($article->article,0,500))

to strip all html tabs before cut the string. This will not breack your current html and you will get the correct chars length.