Bootstrap降價不起作用

嘿傢伙我想用這個：http://www.codingdrama.com/bootstrap-markdown/ 。我正在使用Ionic框架並在單個頁面的Web應用程序上工作。這是包括我的index.html頭：Bootstrap降價不起作用

<!-- JQuery --> 
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
<!-- JQuery animated scrolling plugin --> 
<script src="//cdn.jsdelivr.net/jquery.scrollto/2.1.2/jquery.scrollTo.min.js"></script> 
<!-- MARKDOWN --> 

<link href="css/bootstrap-markdown.min.css" rel="stylesheet">  

<!-- bootstrap --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 

<script src="js/vendor/markdown.js"></script> 
<script src="js/vendor/bootstrap-markdown.js"></script>  
<script src="js/vendor/he.js"></script> 
<script src="js/vendor/to-markdown.js"></script>

目前，我正在從網站這個例子：

<form> 
<input name="title" type="text" placeholder="Title?" /> 
<textarea name="content" data-provide="markdown" rows="10"></textarea> 
<label class="checkbox"> 
    <input name="publish" type="checkbox"> Publish 
</label> 
<hr/> 
<button type="submit" class="btn">Submit</button>

不幸的是，結果是不一樣這個例子。我只是看到一個甚至不接近預期產出的空白表格。我也試過這個例子中的包含（前4行）：http://bootsnipp.com/snippets/99r9D。但是，我仍然沒有運氣。任何有這種引導程序插件經驗的人都可以幫我解決問題嗎？

這是我所看到的：

來源

2016-07-28 Ayudh

請檢查下面的代碼片段。它爲我工作，
Submit由於權限問題，按鈕可能無法在此工作。，
增加了一些額外的樣式來正確顯示覆選框。

.checkbox { 
 
    margin-left: 20px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-markdown/2.10.0/js/bootstrap-markdown.js"></script> 
 

 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-markdown/2.10.0/css/bootstrap-markdown.min.css" rel="stylesheet" /> 
 

 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 

 
<form> 
 
    <input name="title" type="text" placeholder="Title?" class="form-control" /> 
 
    <textarea name="content" data-provide="markdown" rows="10"></textarea> 
 
    <label class="checkbox"> 
 
    <input name="publish" type="checkbox">Publish 
 
    </label> 
 
    <hr/> 
 
    <button type="submit" class="btn">Submit</button> 
 
    </form

來源

2016-07-28 14:22:49

嘿，阿倫，不幸的是，這不適合我。 – Ayudh

@Ayudh只是檢查是否有控制檯中的任何錯誤？（右鍵 - >檢查元件 - >控制檯） –

沒有錯誤顯示 – Ayudh

試試這個code.it可與預覽。

<link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-markdown/2.10.0/css/bootstrap-markdown.min.css"> 
<link rel="stylesheet" type="text/css" media="screen" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"> </script> 
<script src="https://use.fontawesome.com/f9b4728164.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<script src="http://www.codingdrama.com/bootstrap-markdown/js/to-markdown.js"></script> 
<script src="http://www.codingdrama.com/bootstrap-markdown/js/markdown.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-markdown/2.10.0/js/bootstrap-markdown.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script> 



<form>  
    <textarea id="myEditor" name="content" data-provide="markdown" rows="10"> 
    </textarea> 
</form>

來源

2016-07-30 12:14:20 williams

Bootstrap降價不起作用

回答

相關問題