包含在现有项目中的最小引导 css

【问题标题】：minimal bootstrap css to include in an existing project包含在现有项目中的最小引导 css
【发布时间】：2014-04-30 14:19:57
【问题描述】：

我想为 SquirrelMail 创建一个自定义样式表。

如何在单个 css 文件中从 bootstrap 中获取圆角和蓝光，我可以将其包含在 SquirrelMail 中？

我已经知道怎么create glowing input fields and textareas

【问题讨论】：

下载 Bootstrap 并从中提取您需要的 CSS 规则。

标签： css twitter-bootstrap customization squirrelmail

【解决方案1】：

这将创建发光的输入字段和文本区域：

textarea,textarea:focus,input,input:focus{
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

input:focus,textarea:focus { 
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

否则，您将不得不从 customized bootstrap 中提取 CSS 规则，但这很可能会导致文件很大且无法读取。

【讨论】：