부트 스트랩을 사용하여 장치 크기에 따라 요소에 테두리 적용

부트 스트랩을 사용하여 모바일 응답 레이아웃을 만들고 여러 가지 행과 열을 설정하여 다양한 화면 크기 범주에 맞게 조정합니다.부트 스트랩을 사용하여 장치 크기에 따라 요소에 테두리 적용

내 자신의 CSS 미디어 쿼리를 만들지 않고도 다양한 크기의 테두리를 적용하고 제거 할 수있는 순수한 부트 스트랩 스타일 클래스가 있는지 궁금합니다.

예를 들어, 중간 크기로 떠있을 때만 행의 첫 번째 열에 border-right를 넣고 싶다면 ... 이것이 실제 코드가 아니라는 것을 알고 있지만, 나는 찾기가 너무 멍청하니? 나는 또한 maxcdn의 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>

때문에 말대꾸로 얻을 수 없습니다. 어떤 제안?

출처

2017-09-25 juliusbangert