html - Bootstrap markdown not working -


hey guys trying use this: http://www.codingdrama.com/bootstrap-markdown/ . using ionic framework , working on single page web application. includes in header of index.html:

<!-- 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> 

currently, running example website:

<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> 

unfortunately, outcome nothing example. see blank form not close expected output. have tried includes(first 4 lines) example: http://bootsnipp.com/snippets/99r9d . however, still having no luck. can has experience bootstrap plugin me out?

this see: enter image description here

please check below snippet. working me,
submit button may not work here because of permission issue. ,
added style show checkbox properly.

.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


Comments

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -