버튼 클릭시 부트 스트랩 알림 표시

-1

이것은 코드이므로 아무도 나를 도와 줄 수 없으므로 버튼을 클릭하면 부트 스트랩 알림이 표시되지 않습니다. 페이지에 표시되지 않습니다.버튼 클릭시 부트 스트랩 알림 표시

<!DOCTYPE html><html lang="en"><head><script type="text/javascript">$(document).ready(function(){ 
$('button').click(function(){ 
    $('.alert').show() 
}) });</script><title>Bootstrap Example</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

.alert {표시 : 없음;}

</div> 

    <div class="col-md-6"> 
      <div style="border: 1px solid black; height: 100px;"> 

      </div> 
      <div style="border: 1px solid black; height: 100px;"> 
      </div> 
     </div> 


     <div class="container"> 
    <button>Send Message</button> 
    <div class="alert alert-success alert-dismissable"> 
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> 
     Success! message sent successfully. 
    </div> 

</div>

출처

2017-10-25 Çova

왜 전체 질문을 변경 했습니까? 그렇게하지 마십시오. 이전 질문과 그것에 대한 모든 대답은 다른 사람들에게 쓸모 없게 될 것입니다. –

다른 질문에 대한 답변이 필요한 경우, 새로운 질문을 만드십시오. 그러니 질문을 편집하여 원래의 질문으로 되돌립니다. –

는 정말 열심히 당신이 ... 실제 코드를 제공 해달라고하지만, 경우에 여기에 뭔가를 달성하기 위해 아이디어를 간다 부트 스트랩의 클래스를 사용하는 그림과 비슷합니다.

<div class="container"> 
    <div class="row"> 
     <div class="col-md-5" style="border: 1px solid black; height: 600px;"> 
      content here --> 
     </div> 

     <div class="col-md-7"> 
      <div class="row"> 
       <div class="col-md-12" style="border: 1px solid black; height: 300px;"> 
        content here --> 
       </div> 
      </div> 
      <div class="row"> 

       <div class="col-md-12" style="border: 1px solid black; height: 300px;"> 
        content here --> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

부트 스트랩 파일을 가리키고있는 환경에서이 코드를 시도하십시오. 그렇지 않으면 완전히 잘못 될 것입니다.

출처

2017-10-25 18:03:09

신의 축복이 있습니다. –

버튼 클릭시 부트 스트랩 알림 표시

답변

관련 문제