我怎样才能在css文件中使用bootstrap?

时间:2016-03-10 10:28:01

标签: css asp.net twitter-bootstrap

我想在我的asp.net 4项目中使用bootsrap。

我使用nuget在Visual Studio中安装了bootstrap:

enter image description here

我有全局css文件:

    /*Global styles*/
body, form
{
    direction: rtl;
    font-family: Arial;
    font-size: 16px;
    color: #333333;
    margin: 0px;
    padding: 0px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #f8f8f8;
}
input[Type=text], input[Type=password], input[Type=button], input[Type=submit], input[Type=reset], input[Type=file], select, textarea
{
    margin: .2em .05em;
    border: 1px solid #333333;
    color: #333333;
}
input[Type=text], input[Type=password], input[Type=file], select, textarea
{
    max-width: 225px;
    width: 98%;
}
input[Type=text]:disabled, input[Type=password]:disabled, input[Type=file]:disabled, select:disabled, textarea:disabled
{
    background-color: #E6F6FA;
}
input[Type=button], input[Type=submit], input[Type=reset]
{
    background-color: #EEEEEE;
    cursor: pointer;
}
input[Type=button]:hover, input[Type=submit]:hover, input[Type=reset]:hover
{
    background-color: #DCDCDC;
}

我需要使用bootstrap来定义按钮和其他元素的样式,我想在全局css文件中使用它。

所以我的问题是如何在css文件中使用bootstrap?

2 个答案:

答案 0 :(得分:1)

@import url(" // netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");

答案 1 :(得分:1)

你可以像stara_wiedzma那样导入CSS文件。 但是,您无法使用CSS

全局导入input[Type=button], input[Type=submit], input[Type=reset]的bootstrap的.btn类

我认为你正在寻找像SESS的LESS这样的东西。 使用LESS和SASS,您可以执行以下操作:

input[type=button]{
    .btn;
    .btn-success;

    // your own styles...
}

Google:“bootstrap less workflow”用于某些设置和示例。