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

harindaw

SOLVED CLOSED ACTIVE ANSWERED
User: harindaw
Posted: on Feb 19, 2021 10:43 PM
Forum: Bootstrap
Answer: 1
Views: 11096

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

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on Feb 19, 2021 11:26 PM
Report

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

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

Company

Explore

Follow us

Contact Us