Bootstrap에서 outline alert를 만드는 방법

1893 단어 Bootstrap우이

환경


  • Bootstrap4

  • 완성





    코드


    <div class="alert alert-primary bg-white text-primary">outlineなprimaryアラート</div>
    <div class="alert alert-secondary bg-white text-secondary">outlineなsecondaryアラート</div>
    <div class="alert alert-success bg-white text-success">outlineなsuccessアラート</div>
    <div class="alert alert-danger bg-white text-danger">outlineなdangerアラート</div>
    <div class="alert alert-warning bg-white text-warning">outlineなwarningアラート</div>
    <div class="alert alert-info bg-white text-info">outlineなinfoアラート</div>
    <div class="alert alert-dark bg-white text-dark">outlineなdarkアラート</div>
    

    alert를 outline 느낌으로 하려면 일반 alert 요소에 bg-white text-primary 를 추가합니다.

    좋은 웹페이지 즐겨찾기