Jump to content

Archived

This topic is now archived and is closed to further replies.

Umar Adil

Bootstrap classes

Recommended Posts

Umar Adil    2
Umar Adil

I want to align the text to center and used class 

 

 

<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
<p class="text-justify">Justified text.</p>

from here

 

http://getbootstrap.com/css/#type-abbreviations

 

 

but this does not work and class="center" works which version of botstrap should I use then?


--

Regards,

Umar Adil

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

What you're looking at there is version 3 of Bootstrap, both PageLines Framework and DMS use a heavily customized version of Bootstrap 2. So some of the things you see on the Bootstrap 3 docs won't be available in DMS unfortunately.

 

You can see all available utility classes here - http://docs.pagelines.com/tutorials/html-css-utilities

 

If you want to use those classes from Bootstrap 3, you can simply copy the CSS and add to your custom CSS:

 

.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Umar Adil    2
Umar Adil

OK Thanks


--

Regards,

Umar Adil

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • ppotent
      By ppotent
      Any chance of a pagelines table plug-in coming? I know that the use of short codes and bootstrap can achieve this, but I can't seem to find any easy/visual editor way of doing this. There are table plug-ins around for wordpress, but honestly, they are pretty clunky. I'd pay for a tables plug-in, given how much I would use tables if I could.
       
       
    • nandorj78
      By nandorj78+
      I checked the demo for the new bootstrap theme (http://themes.pagelines.com/bootstrap/) and I really liked the slider on it. I suppose it was not done using 'impulse' or 'flick slider', was it? How was it done?
    • micstepl
      By micstepl+
      is Bootstrab (http://getbootstrap.com/ ) kompatible to PL5? how to install most fitting?
    • respectgb
      By respectgb+
      Hi,
      I'm having problems with bootstrap popovers being cut off the edge of the browser. I'm using the latest version of dms (2.2) and this problem occurs on all browsers tested. Please can you let me know how we can fix this?

      Cheers

    • brightonkeller
      By brightonkeller+
      For some reason my Tabbed content isn't working correctly (see this page - click on all tabls)
       
      It could TOTALLY be the shortcodes I've got in there but I wanted to see if any of you could pinpoint the issue faster than I could. Any help would be must appreciated. 
       
      attached is a screenshot of what I see.
       
      And here is the code I have in the edit html...
      [pl_raw][pl_tabs][pl_tabtitlesection type="tabs"] [pl_tabtitle active="yes" number="1"]Currently Obsessed[/pl_tabtitle] [pl_tabtitle number="2"]gifts for him[/pl_tabtitle] [pl_tabtitle number="3"]Office // Desk[/pl_tabtitle] [pl_tabtitle number="4"]PLAID TREND[/pl_tabtitle] [pl_tabtitle number="5"]GIFT IDEAS[/pl_tabtitle] [pl_tabtitle number="6"]baubles[/pl_tabtitle] [pl_tabtitle number="7"]FUR VESTS[/pl_tabtitle] [/pl_tabtitlesection] [pl_tabcontentsection] [pl_tabcontent active="yes" number="1"] [show_boutique_widget id="122328"] [/pl_tabcontent] [pl_tabcontent number="2"] [show_boutique_widget id="201724"] [/pl_tabcontent] [pl_tabcontent number="3"] [show_boutique_widget id="203968"] [/pl_tabcontent] [pl_tabcontent number="4"] [show_boutique_widget id="201832"] [/pl_tabcontent] [pl_tabcontent number="5"] [show_boutique_widget id="176320"] [/pl_tabcontent] [pl_tabcontent number="6"] [show_boutique_widget id="203960"] [/pl_tabcontent] [pl_tabcontent number="7"] [show_boutique_widget id="176328"] [/pl_tabcontent] [/pl_tabcontentsection] [/pl_tabs][/pl_raw]
×