" method="post" id="form">

说明:布局#body(container)内(首页)最顶部,也是站点头部导航下面。

说明:布局#body(container)内(首页)最底部,也是站点底部页脚上面。

说明:在页面最下面,此处内容不显示,可用于放外联文件,或自定义JS/CSS代码

<script type='text/javascript'>

</script>

注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码仅在 首页 生效)

说明:在页面最下面,此处内容不显示,可用于放外联文件,或自定义JS/CSS代码

<script type='text/javascript'>

</script>

注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码仅在 板块页 生效)

说明:在页面最下面,此处内容不显示,可用于放外联文件,或自定义JS/CSS代码

<script type='text/javascript'>

</script>

注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码仅在 主题页 生效)

说明:不在布局container内,即站点头部下面。

说明:添加附件和发表主题行的下一行。

说明:不在布局container内,即站点底部上面。

<script type='text/javascript'>

</script>

注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码仅在 发表主题页 生效)

例如:

$('#addattach').remove();//不显示添加附件按钮
$('#submit').remove();//不显示发帖按钮

<style type="text/css">

</style>

提示:此处内容是放在<head></head>内的最下面。

注:请填写规范的CSS层叠样式代码(此处填写的代码在所有页面生效)在站点head内

例如:

body{background:#333} /*设置网站背景色:黑色*/
#header.bg-inverse{background: rgb(8, 89, 158) !important;} /*设置头部导航背景:蓝色*/
#nav_pc li:nth-child(1){display:none} /*隐藏掉头部导航处网站LOGO小图片*/

<script type='text/javascript'>

</script>

注:请填写规范的JavaScript 或 jQuery代码,填写错误的代码可能会导致意想不到的效果。(此处填写的代码在所有页面生效)

例如:

$('#nav_pc li[fid="2"]').remove();//头部导航里面移除fid为2的论坛板块
$('#nav_pc li').eq(1).remove();//头部导航里面移除第2个

说明:在<head></head>内,可用于放外联文件,或自定义JS/CSS代码,也是【自定义CSS】的上方

说明:布局body内最上面,和#wrapper是兄弟,但在#wrapper上面。

说明:布局#wrapper内最顶部,即站点头部导航上面。

说明:布局#body(container)内最顶部,也是站点头部导航下面。

说明:布局#body(container)内最底部,也是站点底部页脚上面。

说明:布局#footer上,即站点底部页脚通栏上面。

说明:布局#footer下,即站点底部页脚通栏下面。

说明:页脚Powered by Xiuno BBS 4.0左侧。

例如:

<span class="m-r-xs"><a href="#" class="text-muted text-bold">京ICP备10046888号</a></span>

说明:页脚Powered by Xiuno BBS 4.0右侧。

例如:

<span class="text-bold m-l-xs">本站官方QQ群:88881111</span>

说明:在页面最下面,此处内容不显示,可用于放外联文件,或自定义JS/CSS代码

(默认分栏案例)例如:

<div class="row">
  <div class="col-lg-9">
     <div class="card card-block">这是左右分栏--左侧</div>
   </div>
   <div class="col-lg-3 hidden-md-down">
     <div class="card card-block">这是左右分栏--右侧</div>
   </div>
</div>

(通栏案例)例如:

<div class="row">
  <div class="col-lg-12">
    <div class="card card-block">这是通栏</div>
  </div>
</div>

#wrapper外层包装(#header 头部,#body(container)主体内容,#footer底部页脚)

<html>
<head></head>
<body>
<div id="wrapper">
    <nav id="header"></nav> <!-- 头部导航-->
    <div id="body" class="container"></div> <!-- 主体内容-->
    <div id="footer"></div> <!-- 底部页脚-->
</div>
</body>
</html>

(情境文本颜色)例如:

<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>

(情境背景色)例如:

<p class="bg-primary">...</p>
<p class="bg-success">...</p>
<p class="bg-info">...</p>
<p class="bg-warning">...</p>
<p class="bg-danger">...</p>

bootstrap:

/* bootstrap 的默认间距太肥大,增加小间距 */
.m-b-sm { margin-bottom: 0.5rem !important }
.m-t-sm { margin-top: 0.5rem !important }
.m-l-sm { margin-left: 0.5rem !important }
.m-r-sm { margin-right: 0.5rem !important }
.m-x-sm { margin-left: 0.5rem !important; margin-right: 0.5rem !important }
.m-y-sm { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important }
.p-b-sm { padding-bottom: 0.5rem !important }
.p-t-sm { padding-top: 0.5rem !important }
.p-l-sm { padding-left: 0.5rem !important }
.p-r-sm { padding-right: 0.5rem !important }
.p-x-sm { padding-left: 0.5rem !important; padding-right: 0.5rem !important }
.p-y-sm { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important }
.p-a-sm { padding: 0.5rem !important;;}
.m-b-xs { margin-bottom: 0.3rem !important }
.m-t-xs { margin-top: 0.3rem !important }
.m-l-xs { margin-left: 0.3rem !important }
.m-r-xs { margin-right: 0.3rem !important }
.m-x-xs { margin-left: 0.3rem !important; margin-right: 0.3rem !important }
.m-y-xs { margin-top: 0.3rem !important; margin-bottom: 0.3rem !important }
.p-b-xs { padding-bottom: 0.3rem !important }
.p-t-xs { padding-top: 0.3rem !important }
.p-l-xs { padding-left: 0.3rem !important }
.p-r-xs { padding-right: 0.3rem !important }
.p-x-xs { padding-left: 0.3rem !important; padding-right: 0.3rem !important }
.p-y-xs { padding-top: 0.3rem !important; padding-bottom: 0.3rem !important }
.p-a-xs { padding: 0.3rem !important; }

/* 文字相关的增强 */
.icon-1x { font-size: 0.8em; }
.text-ellipsis {white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-bold { font-weight: bold !important; }
.text-grey { color: ($gray-light * 1.375) !important; }
.text-middle { font-size: 85% !important; }
.small, .text-small { font-size: 75% !important; }
.table-fixed { table-layout:fixed !important; }
.break-all {word-break: break-all;}
.hidden {display: none;}
.show {display: '';}
.center-block {margin-left: auto; margin-right: auto; display: block;}