내가이 사업부가 부트 스트랩

Question

와의 contentEditable이 반응합니다. 부트 스트랩으로 할 수 있습니까? 아니면 그냥 CSS로해야합니까? 어떻게해야합니까?

Answer 1

스타일을 적용하거나 div를 반응 적으로 만들기 위해 부트 스트랩 클래스를 추가하십시오. 나는 div을 전폭으로 사용하기 위해 col-md-12 col-sm-12을 사용했다.

[contentEditable=true]:empty:not(:focus):before{ 
 
    content:attr(place-text); 
 
    color:grey; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 

 
<div class="container"> 
 
    <div class="col-md-12 sol-sm-12" contenteditable="true" place-text="How's your fitness going?..."></div> 
 
</div>

Answer 2

반응 형 웹 페이지 또는 div 기본 웹 응용 프로그램에 부트 스트랩 그리드 시스템을 사용할 수 있습니다. 링크를 참조하여 자세히 읽어보십시오. http://getbootstrap.com/css/#grid