Bootstrap 代码 | 菜鸟教程

菜鸟教程 -- 学的不仅是技术，更是梦想！ 首页 HTML JavaScript CSS Vue React Python3 Java C C++ C# AI Go SQL Linux VS Code Bootstrap Git 本地书签 首页 HTML CSS JS 本地书签 搜索 Vue3 教程 Vue2 教程 Bootstrap3 Bootstrap4 Bootstrap5 机器学习 PyTorch TensorFlow Sklearn NLP AI Agent Ollama Coding Plan Bootstrap 教程 Bootstrap 教程 Bootstrap 简介 Bootstrap 环境安装 Bootstrap CSS Bootstrap CSS 概览 Bootstrap 网格系统 Bootstrap 排版 Bootstrap 代码 Bootstrap 表格 Bootstrap 表单 Bootstrap 按钮 Bootstrap 图片 Bootstrap 辅助类 Bootstrap 响应式实用工具 Bootstrap 布局组件 Bootstrap 字体图标 Bootstrap 下拉菜单 Bootstrap 按钮组 Bootstrap 按钮下拉菜单 Bootstrap 输入框组 Bootstrap 导航元素 Bootstrap 导航栏 Bootstrap 面包屑导航 Bootstrap 分页 Bootstrap 标签 Bootstrap 徽章 Bootstrap 超大屏幕 Bootstrap 页面标题 Bootstrap 缩略图 Bootstrap 警告 Bootstrap 进度条 Bootstrap 多媒体对象 Bootstrap 列表组 Bootstrap 面板 Bootstrap Wells Bootstrap 创建一个网页 Bootstrap 插件 Bootstrap 插件概览 Bootstrap 过渡效果 Bootstrap 模态框 Bootstrap 下拉菜单 Bootstrap 滚动监听 Bootstrap 标签页 Bootstrap 提示工具 Bootstrap 弹出框 Bootstrap 警告框 Bootstrap 按钮 Bootstrap 折叠 Bootstrap 轮播 Bootstrap 附加导航 Bootstrap 其他 Bootstrap UI 编辑器 Bootstrap v2 教程 Bootstrap HTML编码规范 Bootstrap CSS编码规范 Bootstrap 可视化布局 Less 教程 Bootstrap 排版 Bootstrap 表格 Bootstrap 代码 Bootstrap 允许您以两种方式显示代码： 第一种是 <code> 标签。如果您想要内联显示代码，那么您应该使用 <code> 标签。 第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 <pre> 标签。 请确保当您使用 <pre> 和 <code> 标签时，开始和结束标签使用了 unicode 变体： &lt; 和 &gt;。 让我们来看看下面的实例： 实例 <p><code>&lt;header&gt;</code> 作为内联元素被包围。</p> <p>如果需要把代码显示为一个独立的块元素，请使用 &lt;pre&gt; 标签：</p> <pre> &lt;article&gt; &lt;h1&gt;Article Heading&lt;/h1&gt; &lt;/article&gt; </pre> 尝试一下 » 实例展示如下图： 更多实例 元素/类 描述 实例 <var> 变量赋值: x = ab + y 尝试一下 <kbd> 按键提示： CTRL + P 尝试一下 <pre> 多行代码 尝试一下 <pre class="pre-scrollable"> 多行代码带有滚动条 尝试一下 <samp> 电脑程序输出: Sample output 尝试一下 <code> 同一行代码片段: span, div 尝试一下 AI 思考中... Bootstrap 排版 Bootstrap 表格 点我分享笔记 取消 分享笔记 昵称昵称 (必填) 邮箱邮箱 (必填) 引用地址引用地址 '); var statusdiv=$('#comment-status'); commentform.submit(function(e){ e.preventDefault(); var noteContent = editor.getValue(); // console.log(noteContent); noteContent = noteContent.replace(//g,""); noteContent = noteContent.replace(/<\/code><\/pre>/g,""); // 系列化表单数据 var comment_parent = 0; var is_user_logged_in = $("#is_user_logged_in").val(); var comment_post_ID = 7854; var _wp_unfiltered_html_comment = $("#_wp_unfiltered_html_comment").val(); var comment = noteContent; var author = $("#author").val(); var url = $("#url").val(); var email = $("#email").val(); if(isBlank(author) && is_user_logged_in==0) { statusdiv.html('请输入昵称！').show(); } else if(isBlank(email) && is_user_logged_in==0) { statusdiv.html('请输入邮箱！').show(); } else { // var formdata=commentform.serialize() + "&comment=" + noteContent ; // 添加状态信息 statusdiv.html('Processing...').show(); // 获取表单提交地址 var formurl=commentform.attr('action'); // 异步提交 $.ajax({ type: 'post', url: formurl, dataType:'json', data: {"comment_parent":comment_parent,"comment_post_ID":comment_post_ID, "_wp_unfiltered_html_comment":_wp_unfiltered_html_comment,"comment":comment,"url":url, "email":email,"author":author}, error: function(XMLHttpRequest, textStatus, errorThrown){ statusdiv.html('数据不完整或表单提交太快了！').show(); }, success: function(data, textStatus){ if(data.errorno=="0") { $("#submit").prop('disabled', true); statusdiv.html('笔记已提交审核，感谢分享笔记！').show(); alert('笔记已提交审核，感谢分享笔记！'); }else{ statusdiv.html(''+data.msg+'').show(); } commentform.find('textarea[name=comment]').val(''); } }); setTimeout(function(){ $("#submit").prop('disabled', false); }, 10*1000); } return false; }); $(".comt-author").click(function() { href = $(this).children("a").attr("href"); if(href.indexOf("/note/")!=-1) { var win = window.open(href, '_blank'); win.focus(); } }); $(".comt-meta span").hover(function(){ $(this).children(".tooltip").css({ "opacity": 1, "pointer-events": "auto"}); },function(){ $(this).children(".tooltip").removeAttr("style"); }); /* $(".wrapper i").hover(function(){ $(this).siblings(".tooltip").css({ "opacity": 1, "pointer-events": "auto"}); },function(){ $(this).siblings(".tooltip").css({ "opacity": 0, "pointer-events": "auto"}); }); */ //Upvote.create('runoobvote-id', {callback: vote_callback}); var ajaxurl = 'https://www.runoob.com/wp-admin/admin-ajax.php'; var callback = function(data) { //console.log($('#runoobvote-id').upvote('upvoted')); //console.log($('#runoobvote-id').upvote('downvoted')); //console.log(data); _vote_action = data.action; id_arr = data.id.split('-'); um_id= id_arr[2]; //console.log(um_id); var re = /^[1-9]+/; if (re.test(um_id)) { var ajax_data = { _vote_action: _vote_action, action: "pinglun_zan", um_id: um_id, um_action: "ding" }; //console.log(ajax_data); $.post(ajaxurl,ajax_data,function(status){ //if(status.vote_num>999) { // _voteHtml = ''+kFormatter(status.vote_num) +''; // $("#runoobvote-id-" + um_id + " .count").hide().after(_voteHtml); //} }); } }; if($('#comments').length && $('.upvotejs').length){ $('.upvotejs').upvote({id: 7854, callback: callback}); $.post(ajaxurl,{"action":"pinglun_zan","postid":7854},function(data){ $(data).each(function(key,value) { $("#runoobvote-id-" + value.commid + " .upvote").addClass(value.upvotejs_class); $("#runoobvote-id-" + value.commid + " .downvote").addClass(value.downvote_class); $("#runoobvote-id-" + value.commid + " .count").text(value.upvote_count); }) },'json'); } }); function isBlank(str) { return (!str || /^\s*$/.test(str)); } function kFormatter(num) { // return num; return Math.abs(num) > 999 ? Math.sign(num)*((Math.abs(num)/1000).toFixed(1)) + 'k' : Math.sign(num)*Math.abs(num) } 分类导航 Python / 数据科学Python 教程Python2.x 教程FastAPI 教程Flask 教程Django 教程NumPy 教程Pandas 教程SciPy 教程Matplotlib 教程Dash 教程Jupyter Notebook 教程Pillow 教程量化交易R 教程Julia 教程 AI / 智能开发AI Agent（智能体）AI（人工智能）AI 应用案例Codex 教程Vibe Coding 教程Claude CodeOpenCodeSkills（技能）Ollama 教程Hermes AgentDeepSeek HarnessPi AgentAI 数学基础TensorFlow 教程PyTorch 教程Scikit-learn 教程机器 教程LangChain自然语言处理 NLPOpenCV 教程Selenium 教程Playwright 教程 前端开发HTML 教程HTML5 教程CSS 教程CSS3 教程JavaScript 教程HTML DOM 教程TypeScript 教程AJAX 教程JSON 教程Tailwind CSS 教程Bootstrap4 教程Bootstrap5 教程Foundation 教程Vue.js 教程