Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to remove/disable styling on some bootstrap elements

I want to know if it is possible to disable styling on a specific html element.

In my case it is a input text. I cannot resize it. I went through the bootstrap css and found it has padding. I tried to use padding: none and 0 0 0 0 plus !important and it did not work.

Is possible to disable the styling for that specific item?

like image 497
None None Avatar asked Jul 19 '13 16:07

None None


People also ask

How do I remove Bootstrap default styling?

To remove the list styles in Bootstrap, use the . list-unstyled class.

Can you edit the styling of a Bootstrap element directly?

You can edit Bootstrap's core files directly to make changes to your site — but it's not recommended. Making changes directly to the default Bootstrap stylesheet will quickly become difficult to maintain.

How do I remove a class style?

Select the object or text you want to remove the style from. In the HTML Property inspector (Window > Properties), select None from the Class pop‑up menu.


1 Answers

As of Bootstrap 3, you'd use the list-unstyled class to achieve this.

Example:

<ul class="list-unstyled">
    <li>...</li>
</ul>

Hope this solves your problem.

like image 148
Allan Avatar answered Oct 12 '22 12:10

Allan