ブートストラップでデバイスサイズに応じて要素に境界線を適用する

私はブートストラップを使ってモバイルレスポンスレイアウトを作成し、様々な行と列を設定してさまざまなカテゴリの画面サイズに合わせます。ブートストラップでデバイスサイズに応じて要素に境界線を適用する

独自のCSSメディアクエリを作成せずに、さまざまなサイズの枠を適用して削除できる純粋なブートストラップスタイリングクラスがあるのだろうかと思います。

例えば、中程度のサイズでフローティングされているときにのみ、行の最初の列にボーダー - 右を配置したい場合は...これは実際のコードではありませんが、私は見つけるにはあまりにも愚かですか？

<div class="row"> 
    <div class="col-12 col-md-6 border border-top-0 border-right-0 border-bottom-0 border-left-0 border-md-right-1"> 
     <p>Lorem ipsum</p> 
    </div> 
    <div class="col-12 col-md-6"> 
     <p>Dolor sit amet</p> 
    </div> 
</div>

私はmaxcdn cssも使用していますので、嫌になることはありません。助言がありますか？

出典

2017-09-25 juliusbangert