How to use bootstrap in your webcontent in Liferay6.2 :
By default Liferay6.2 the bootsrap is available, if you want to use bootstrap in the webcontent display portlet,
you can directly use the bootstrap classes to the html tags.
you can directly use the bootstrap classes to the html tags.
Steps:
1. Goto any organization, and then create a sample page.
2. Drop the webcontent display portlet on to the sample page.
3. Click on add web content, then click on source add the below code:
<h2>Button Styles</h2>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>
</div>
<div class="container"> <h2>Button Styles</h2>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>
</div>
4. Then again click on source and then give the name for your webcontent.
5. Now click on publish button,you can find the bootstrap related css fucntionality will be applied to the buttons.
TO apply bootstrap for your web content is just add the class to the html elements.
Button Styles Example:
