Jump to content

Bootstrap conflict, universal selector issue


anderson_catchme
 Share

Recommended Posts

I have a boostrap conflict regarding box sizing. I solved it with a simple CSS rule:

  * {
            box-sizing: content-box;
            }

Now the problem is my bootstrap form isn't working. I need to make the box sizing apply to everything except the bootstrap form:

<form id="contactForm" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'],ENT_QUOTES); ?>" method='post'>

<!-- HTML HERE -->

</form>

Any ideas? Thanks.

 

Link to comment
Share on other sites

Not completely sure what you're talking about here but I will do my best to help you out.
 

.UNIQUE { 
  box-sizing: content-box;}

You could always just create a div and title it something completely "Unique" that won't be used anywhere else and then work it into your css as intended.
 

<div class="unqiue"> 
<form id="contactForm" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'],ENT_QUOTES); ?>" method='post'>


<!-- HTML HERE -->


</form>
</div>
Edited by Shiftoii
Link to comment
Share on other sites

This thread is more than a year old.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.