大白自定义v1.9

问题反馈 " role="button"> " role="button">
" 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;}