How can I use bootstrap in css file?

Question

I want to use bootsrap in my asp.net 4 project.

I installed bootstrap in visual studio using nuget:

I have global css file:

    /*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;
}

I need to define style of the buttons and other elements using bootstrap, I want to it in global css file.

So my question how can I use bootstrap in css file?

Mike Bovenlander · Accepted Answer · 2016-03-10 10:42:39Z

1

You can import the CSS file like stara_wiedzma said. However you can't import bootstrap's .btn class for input[Type=button], input[Type=submit], input[Type=reset] globally with CSS

I think you are looking for something like LESS of SASS. With LESS and SASS you can do things like:

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

    // your own styles...
}

Google: "bootstrap less workflow" for some setup and examples.

answered Mar 10, 2016 at 10:42

Mike Bovenlander

5,4645 gold badges32 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Michael Over a year ago

Does LESS or SASS gives me option to import bootstrap style to css page?

Mike Bovenlander Over a year ago

Yes! You can inherrit bootstrap's classes on your own elements. The example I gave will make all buttons look like bootstrap's success button.

Michael Over a year ago

Can please you give some example?Or write reference to example in google??

Mike Bovenlander Over a year ago

I think this: scotch.io/tutorials/getting-started-with-less will explain a lot

stara_wiedzma · Accepted Answer · 2016-03-10 10:32:05Z

1

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

answered Mar 10, 2016 at 10:32

stara_wiedzma

311 silver badge4 bronze badges

1 Comment

Michael Over a year ago

where do I write it in ccs file?and how I add it to button style defenition?

Collectives™ on Stack Overflow

How can I use bootstrap in css file?

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related