[Solved] Bootstrap Modal Popup not working with custom style sheet

Last Reply 16 days ago By dharmendr

Posted 16 days ago

Hi Dharmendr,

However I am having bit of difficulty with the provided style sheet

[Solved] ASP.Net Error: A page can have only one server-side Form tag

<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css' media="screen" />

with my style sheet

<link rel="stylesheet" type="text/css" href="css/main.css">

Without 

<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css' media="screen" />

style sheet Modal Form not working

Without my style sheet

<link rel="stylesheet" type="text/css" href="css/main.css">

All the page layouts and buttons are not working

Are you able to provide me the CSS script for Modal form to work?So that I can include thos in my style sheet

Appriciate your help

Kind Regards,

HArinda

You are viewing reply posted by: dharmendr 16 days ago.
Posted 16 days ago

Hi harindaw,

The article you are using uses bootstrap. So you need to inherit the bootstrap and js to the page.

After inheriting the bootstrap library add your style sheet below this library and apply !important in CSS.

The !important property in CSS is used to provide more weight (importance) than normal property. In CSS, the !important means that this is important, ignore all the subsequent rules and apply !important rule and the !important keyword must be placed at the end of the line, immediately before the semicolon.

Example:

element 
{
    color: blue  !important;
    font-size: 14px !important; 
}