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?
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
Post a Comment