Laravel 的 col-xs-*,为何布局失败?

在新建模板中,想使用bootstrap的col-sm布局 ,实现元素保持在同一行的布局,col-sm-是没问题的,但是 col-xs-却不生效,width的值总是100%,在此请问各位哥哥姐姐,如何解决?难道是laravel使用的不是bootcss.com的吗?

@extends('layouts.app')

@section('content')
<div class="container">
      <div class="row">
        <div class="col-xs-4 col-sm-4">.col-xs-4</div>
        <div class="col-xs-8 col-sm-8">.col-xs-8</div>
    </div>
</div>
@endsection

<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            {{--<img src="{{url('images/shop/logo.gif')}}">--}}
        </div>
    </div>
</div>