Bootstrap - 编辑Modal背后的TextArea

我有一个使用Bootstrap 3的网页.在这个页面中,我需要一个人可以回答的文本区域.答案是故事问题.故事问题出现在模态对话框中.可以在此Bootply中看到该设置.代码如下所示:

  

    

      Answer (view problem)
            
    
  

  

    

      

        

            

            The local school wants a new playground.
            The lot they can use for the playground is shaped like a rectangle.
            The school has decided to let the students design the new playground.
            The students have decided that they want 1/4 of the playground to be a football field.
              Another 3/8 of the lot will be used for a basketball court.
              How much of the lot is remaining for the slides and swings?
            
        

        

            Close
        
        
      
      
    
  
  

我的用户希望能够在他们输入答案时在模态窗口中打开故事问题.这将让他们仔细检查他们的答案.显而易见的答案是让他们重新打开对话框.但是,显然,这还不够好.我真的需要保持对话框打开,让用户在其后面/下面的文本区域中输入数据.对我来说似乎很奇怪.但是,这就是我要做的.

我的问题是,当我点击它时textarea,对话框消失了.我尝试添加data-backdrop="false".虽然保持对话框打开,但它并没有让我实际编辑textarea.我错过了什么？