Question2Answer Q&A - Recent questions tagged bootstrap

can i put bootstrap direct in CSS file without defining bootstrap-class name inside my html file.

Wed, 30 Sep 2015 02:50:07 +0000

I have only css file to edit. they have defined all the classes and ids. But I want to make resposive that page through bootstrap. What should I do?

Please suggest me.

Thank you...

Bootstrap Always Collapse Menu

Tue, 24 Feb 2015 23:16:57 +0000

I need all browser size always collapse menu. I use asp.net mvc 5 I'm trying since yesterday but could not figure out :( I would like to thank everyone who helped so much in advance.

My CODE :

<!DOCTYPE html>
<html>
<head>
<title>Sidr Plugin with Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet"
media="screen">
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet">

<link href="http://www.berriart.com/sidr/javascripts/sidr/stylesheets/jquery.sidr.dark.css"
rel="Stylesheet" />
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" id="btnRespNav" class="btn btn-navbar" style="float: left">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
</span>
</button>
<a class="brand" href="#">IMInfo.in</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>

</div>
</div>
</div>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.min.js"></script>

<script src="http://www.berriart.com/sidr/javascripts/sidr/jquery.sidr.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
$('.btn-navbar').sidr({
name: 'respNav',
source: '.nav-collapse',
});
});

//this code is close sidr menu if clicked outside {optional}
$(document).bind("click", function () {
$.sidr('close', 'respNav');
});
</script>
</body>
</html>

[Free Theme] CleanStrap theme is now OpenSource

Wed, 22 Oct 2014 15:55:58 +0000

CleanStrap Theme is one of the most advanced Q2A themes made so far.
it was sold for about 60$ till now but due to lack of professional support from the other developer(Rahul Aryan) who create this theme with me and his disloyalty to our contract I decided to publish the theme for free. so all those who bought the theme could benefit from public support and theme would be developed and improved as an open source project.

Direct Download - Demo

Theme Option's ScreenShots

Project on Github

Problems with theme:

Speed: Since it's a big theme, it's slower than most other Q2A themes. Also using lot's of widgets can slow down your site a lot(just like any other CMS). I'm planning to do lot's of improvements in next versions so if you found any bug or problem please report it.
Bugs: There were many advanced customizations in theme. so there is a bigger chance of finding bugs in it, specially with latest changes my old partner did on the theme. lot's of bugs were fixed in latest version published by me and I'll try to fix any problem that is reported.

In next few days I'll add installation guide and other tutorials about setting the theme up.

For bug report please ask your questions with "CleanStrap" tag, or submit an issue on github.

Localization:

Russian translation by Valery Zaochnuy.
Turkish translation by Eren Ergul

if you have translated CleanStrap to any language and want to share it, please contact me or send a Pull Request on github.

Tips: Customizing of color scheme in 30 minutes with FlexArmor2

Mon, 20 Oct 2014 20:30:47 +0000

This is customize tips for FlexArmor2 owner. FlexArmor2 owners can change site design without touching PHP.

Procedure by Adobe Color CC (kuler) and PaintStrap:

Access Adobe Color CC:
> https://color.adobe.com
Search (Make new) your favorite color scheme
Confirm theme-ID of your favorite color scheme
Access PaintStrap
> http://paintstrap.com/
Step1: Input theme-ID
Step2: Confirm (Tune) color scheme with preview window
Step3: Download CSS files
Extract downloaded file
Replace qa-theme/FlexArmor2/addon/bootswatch/custom/* with downloaded files
> bootstrap.min.css
> bootstrap.css
> variables.less
Log in your site with admin account
Goto "Theme (TAC)" > "General"
Choose "Desgin" option to "custom"
Click "save" button

Example:

My favorite color scheme is "FENDI"
https://color.adobe.com/ja/Fendi-color-theme-1968104/

PaintStrap

Result:

Donut - New Free Responsive Bootstrap Theme - Now 2.0.1

Sun, 05 Oct 2014 07:01:20 +0000

Hello All ,

Donut is Lightweight , Fast , Responsive , mobile friendly , OffCanvas design , powered by Twitter Bootstrap coated with a sleek and minimal design . And more over it is free .

Hope you will like this .

Download This theme from Store

See in Demo

Feel free to use it and report any bugs if you find .

I have more good plans for this theme . This will be actively developed by me and add new features regularly .

Stay tuned ..................... :)

Features

Clean and minimal
Responsive Design
Light Weight and Fast
Inbuilt CDN support for base css and JS files , which boost up the site speed
Cool Tooltip on hover on few elements
and many more options

And many more useful features in pipeline for the newer version .

Whats new in 1.1

updated navigation bar
improved question page layout
improved voting buttons
updated users page with box layout
updated tags with boxed layout
and few more bug fixes

Feel free to suggest , if you have any better Idea for this theme . I will try to add if it fits to this theme in next version .

Few screenshots -

Download This theme Now

Looking for a bootstrap theme for Q2A version 1.6.3

Fri, 19 Sep 2014 09:37:10 +0000

Can some help me bootstrap theme for Q2A version 1.6.3

I went through most of the available themes but they dont seem to be compatible with 1.6.3

Thanks

How to apply two layouts for two pages of my q2a site

Fri, 19 Sep 2014 06:32:18 +0000

Now developing a q2a theme, In the process I am little confused about layout I need two layouts for my site first layout includes an green div but that green div never to display on inner pages for example in this site [http://www.queryhandlers.com/] the home page consists welcome green div but that div is not showed in its inner pages instead a small green div bar shows. How can it possible, can we apply these layout changes according to each page. Please help me as soon as possible

is it possible to do theme integration with bootstrap3.1.1 in q2a

Thu, 18 Sep 2014 01:04:01 +0000

guys,
I am newbie to q2a and I have a doubt is it possible to use bootstrap3.1.1 in q2a template integration. Actually Our designer created a template using bootstrap, But I am little confused to integrate with the q2a theme. Please help me as soon as possible

Thanks in advance

Update package: FlexArmor2 (V1.1.4) : HTML5, Bootstrap3.2, Bootswatch, LESS-CSS3, Full responsive, Theme framework

Tue, 29 Jul 2014 23:08:02 +0000

FlexArmor2 is the successor product of FlexArmor1. It is theme framework that have full compatibility with Bootswatch. It is not version up of FlexArmor1. The biggest feature, flexible customize performance, compatibility with plugins, max speed, and reliable support.

Bandle plugin (jQuery World Clock) NEW

Example of server time is here.

Combination example of FlexArmor2 (sandstone) + Question Data widget:
Your site will get closer to SNS.

Client (User) side design changer : Try it in demo site.

Editable Ajax User Card:

Benchmark (Snow vs FA2): FA2 is faster than Snow.

Benchmark (No plugin)

DEMO (Full plugin)

Online document

Compatibility

Q2A V1.6.3 OR V1.7 (2014/12/24 Updated)

Update history

2015/05/20: Fixed bug (Avatar do not display in user list of Q2A V1.7.1)
2015/02/14: Fixed bug (part_footer() of q_list_and_form()) for Q2A V1.7
2014/12/24: FA2 (V1.1) is compatible with Q2A V1.6.3 and V1.7.
2014/10/29: Add jQuery World Clock plugin
2014/10/18: Compatibility with Question Data Widget (V1.2) is confirmed.
2014/10/16: Shipment start
2014/10/10: Complete online document. Add client (user) side design changer.
2014/09/17: "Paper" and "Sandstone" theme added
2014/08/20: Add "Editable Ajax User Card" feature.
2014/08/18: Add automatic Minify feature. GTMetrix result was updated. FA2 became more faster.
2014/08/15: Add HTML compress feature.
2014/08/14: Add bech mark result (Snow vs FA2)
2014/08/05: Demo site open
2014/05: Start development

Greatness of Bootswatch:

Bootswatch is not a mere collection of bootstrap themes. Greatness of Bootswatch is BootSwatchr. Yes, you can create only one design without a large deal of effort. Refer also Customizing Bootstrap. Of course, you can customize with theme administration center. Examples are customized with only theme administration panel without changing any BootSwatch theme. User who is weak in CSS can customize it. In addition, users knowing a lot of Bootstrap may make original theme with BootSwatchr.

Example (Customized "slate"):

Example (Customized "cerulean"):

Example (Customized "superhero", Profile):

Example (Customized "superhero", Wall):

Example (Customized "default", Question page):

Reference: FlexArmor1

You'll get the ability to customize the infinite.

Suport for Dude v3.0 theme!!! apparently not very good support!

Tue, 29 Jul 2014 11:26:12 +0000

I was looking for a well designed and well supported premium theme that thought Dude v3.0 would be a good choice. but then came across this post:

http://www.question2answer.org/qa/28578/theme-responsive-builder-bootstrap-theme-option-panel-updated?show=36071#c36071

I wonder if anyone else had the same bad experience with them!!

Looking for a new responcive bootstrap 3 theme

Mon, 28 Jul 2014 05:03:05 +0000

light weight bootstrap 3 theme needed.

I will pay for it

HELP : On-Site-Notification and NoahY History plugin error on Bootstrap theme

Mon, 21 Apr 2014 07:23:50 +0000

the error is notifications bubble not show when incoming event.. but when i use other theme like stylish theme, ideabox theme and q2a default theme the bubble is showing. so how to fix this error?

i hope @q2apro @noahy @sama55 can help me..

thanks for help..

note : im using Advanced Classic theme

Bootstrap Tour

Sun, 20 Apr 2014 22:01:56 +0000

I added Bootstrap Tour in FlexArmor1 demo site. Try "Start Tour!!" button on top-left.

My impression about BT:

The function is very cool, but some bugs seem to exist. I changed program code and am using it.

I thank for maxj (He gave hint for development to me)

Update package : FlexArmor1 (V1.3.1) : HTML5, Bootstrap3.1, LESS-CSS3, Full responsive, Theme framework

Fri, 14 Mar 2014 21:08:22 +0000

[2015/02/14] Fixed bug (part_footer() of q_list_and_form()) for Q2A V1.7
To FA1 users: Please contact me and get latest version.
[2015/01/26] FA1 (V1.3) is compatible with Q2A V1.6.3 and V1.7.
To FA1 users: Please contact me and get latest version.

Characteristics

This is not THEME, this is Q2A total solution PACKAGE
Many professional plugin that I developed so far are supported (Of cource, NP)
HTML5
CSS3
Full responsive
Bootstrap 3.1.1
CSS generated by LESS
Elegant, high-performance professional design for ladies and gentlemen
4 basic design (Default / Dark Elegance / Ultra Light / Google Skin)
Flexible and functional "Theme Administration Center (TAC)"
User customizable widget (Position, Collapse, Hide, Title color, Toggle, etc)
Separation of processing and design of theme
High compatibility with existing plugin and plugin made in future

TAC (Theme Administration Center)

Export / import feature for theme settings
CSS and Javascript manager
Header layout manager(Movable / Fixed, etc)
Question list stats design manager
Type: None icon / Icon / Circle graph
Layout: Horizontal / Vertical
Color changer
Icon changer
Sidepanel hide controller
Navigation icon manager
Textbox design manager
Question view button reorder tool
Button design manager
User shortcut navigation generator
Widget control manager
etc ...

Demo / Documents

Update history

2015/02/14 [V1.3.1]: Fixed bug (part_footer() of q_list_and_form()) for Q2A V1.7
2015/01/26 [V1.3]: Support Q2A V1.7
2014/07/25: 5 compatible plugin (1 incompatible plugin) are added in compatibility page. At the time of purchase, please refer to it. And, please refer to me for the user who wants to confirm compatibility before the purchase.
2014/06/17: I confirmed complete compatibility with "Point Trade Pro". Of course, I will send new version to users who already has package with no fee. Please look forward to.
2014/05/08 [V1.2]:
Add "HeroUnit" (with Jumbotron, Carousel, ExtraContens)
Style sheet size was reduced 30%
Other improvement

Best regards.

[Theme] CleanStrap - Responsive and Advanced Question2Answer Theme

Thu, 13 Mar 2014 15:11:22 +0000

More Info

Demo

Documents

BIg Image: http://i62.tinypic.com/zxo0a8.jpg

Best Question2Answer Theme
and the last theme you will ever need to buy. all because of time, effort and love we put into creating this theme. with it’s cutting edge Q2A development and new features such as featured images and questions, slider, 15+ built in widgets, fast caching and performance optimization it will be the theme your Q&A community deserves.

Responsive layout
Theme’s layout will adapt to screen size of visitor’s device, creating best user experience anywhere on any mobile, tablet, or monitor.

Fully Customizable
Create your unique homepage and add any widget to any page with easy drag and drop widget system and lot’s of built-in widgets.

Powerful Admin Panel
With CleanStrap's Option Panel you can take control of every aspect of your your site. you can easily change most fundamental aspects of your site with a few clicks.

Design & User Experience
CleanStrap is very intuitive to use. it is easy to understand, so with improving user experience it’ll increase your registration rate and user engagement.

Full Documentation
Theme is documented extensively to help super users and developers in process of installing, customizing and running your site.

Multi-language support
Easily translate theme into your own language, based on q2a language system.

Typography
Choose between over 600 Google Fonts for headings, body, navigation links, post content and links. with this theme we made sure level of control over your site’s type was unparalleled.

Easy Styling
with Custom Backgrounds and easy color picker for every important element of your theme you can change the whole atmosphere of your theme with a few clicks.

Featured Images and Thumbnails
With easy file upload and dynamic image resizing you can easily add featured images to your questions and they will show as a part of your theme layout and slider.

Clean Code
Clean source code with no encoded script ensures that your theme will provide you with the best possible experience you could hope while customizing and extending your site.

Build by top Experts
CleanStrap is built and supported by two top Question2Answer developers and designers. Rahul Aryan and Towhid(QA-Themes.com) worked hard to create an unparalleled experience for you.

Extensive Support
you are not alone! We take pride in standing by our customers and helping them in anyway possible. you can contact our dedicated support staff or developers and get help with email or chat.

Life Time Updates and New Features
We are going to keep extending this theme and adding new features to it. we get feedback from our users and use them to improve our products all the time.

Advanced Classic Theme (LESS base and Bootstrap mixin)

Wed, 12 Feb 2014 21:20:13 +0000

I remaked Classic theme with LESS and Bootstrap (V3.1).

The biggest characteristic of this theme:

This theme is using Bootstrap without changing HTML code. If theme changes HTML code, many third party plugin to intervene in layer will not move definitely. I hope that existing most plugin works on this HTML5 theme definitely.

Method to change color: Edit qa-styles.less

@import "qa-styles-color-bs-blue.less";

//@import "qa-styles-color-bs-green.less";

//@import "qa-styles-color-default.less";

//@import "qa-styles-color-green.less";

//@import "qa-styles-color-red.less";

Download

This is experimental action for Q2A core.

Development condition (Memo):

- V0.3: Add qa-theme.php, Use 1 javascript.
- V0.2.2: No change HTML tag, No use Javascript (Limit to decorate with Bootstrap)
CSS size: Classic (23KB [Unminified]) >>> A-Classic mixin (134KB [Minified]) ...
Deflated download size: Classic (5KB) >>> A-Classic mixin (20KB)

Development histroy:

[2014/02/14] V0.3: Support responsive design (Many problems still exist)
[2014/02/14] V0.2.2: Support BS compo (Nav, Pagination, Alarts, etc), Font-Awesome
[2014/02/13] V0.2.1: Support BS CSS elements (Button, Input, Table, etc)
[2014/02/13] V0.2.0: Support Bootstrap (Color scheme only)
[2014/02/13] V0.1.0: Support LESS.

Related article: Change Base theme (HTML4 >>> HTML5)

Theme Preview: A new theme design [demo link added]

Wed, 05 Feb 2014 07:00:19 +0000

I am working on a new q2a design layout

Pease check the demo and let me know your feedback.

This is not for sale

[Theme] DUDE v3.0: Responsive, drag & drop builder, Bootstrap 3, LESS, Theme option panel, ads[updated]

Sun, 27 Oct 2013 06:59:37 +0000

More then 300 copies of theme sold, till December 25 2013

DEMO: http://rahularyan.com/demo/dude/

Buy/Info: http://rahularyan.com/dude

Documents : http://rahularyan.com/category/documents/dude-documents/

Dude gives you power of customizing q2a page layout easily using a easy to use drag and drop builder. Insert custom grids, widget, HTML and CSS for the editing page. Powered by Bootstrap 3.0 CSS framework, and using LESS for dynamic stylesheet.

Dude has many out of the box features. Individual files for each part of template (like WordPress).

Features:

Powerful drag and drop builder, easily customize all major pages of q2a.
Individual files for each part of template (like WordPress).
Powerfil theme option panel.
Bootstrap 3 powered
LESS dynamic stylesheet
Custom inbuilt widgets
Dropdown menu.
Support WordPress integration
Easily add any types of ads in question list and pages

And lots of of features..

Support:

Regular updates and bug fixes.

visit here for support questions: http://rahularyan.com/support (we are migrating our support forum from previous q&a to question2answer, so previous questions and answers are not available until next week, but feel free to ask new questions)

email: support@rahularyan.com

or chat on skype : @nerdaryan

User profile page:

See live demo of profile: http://rahularyan.com/demo/dude/index.php?qa=user&qa_1=admin

Admin layout:

User popover detail:

Please make all support request here: http://rahularyan.com/support

Changelog

------------------------
V3.0
------------------------
Added:
   -- Cache page layout for faster loading
   -- Confirmation page
   -- Tags in question lists
   -- Ajax social sharing buttons
   -- Show real name instead of user name
   -- Floating vote and favourite buttons
   -- Turn on and off collapsible comments
   -- New layout for user page
   -- User questions list on user page
   -- User Answers list on user page
   -- User Comments list on user page
   -- User Update list on user page
   -- User badges list on user page
   -- Error message if cover upload fails
   -- Max image size for cover image and create thumbnails
   -- Ads in list
   -- Ads in quetion
   -- Activity List widget added in builder elements
   -- answers pagination
   -- Badge notify styles


Fixed:
   -- Assets URL
   -- Error if user have not confirmed email
   -- User popover if there is any special char in user name
   -- Removed popover for anonymous users
   -- Answer button click
   -- Added background for ask form
   -- Favourite tooltip in user page is partially visible
   -- space between button and message
   -- If use click save, without selecting image on cover upload
   -- Email field on ask
   -- Anonymous/link comment avatar
   -- Anonymous avatar in answer form
   -- Hide view count in list if empty



Modified:
   -- Voting button in list
   -- Voting buttons in question and answers
   -- List Title layout
   -- Moved question title
   -- Moved User avatar in question and answer
   -- Moved tags in question
   -- Comments buttons
   -- Highlighted selected answer
   -- Moved register button
   -- New layout of ask
   -- Moved question edit form inside question box

Removed:
   -- AddThis Social share
   -- Removed some unwanted files from theme folder

THEME: Dude - highly customizable and full drag and drop builder, ready for release

Tue, 01 Oct 2013 01:44:19 +0000

Will be release on end of this month, if you are looking for a feature then suggest us on twitter (@nerdaryan) or skype (id:nerdaryan)

Home page is fully customizable, drag and drop to rearrange. You can switch from modern fancy homepage layout to default list layout by a single click.

Question page screenshot

Admin screenshot

Dude is an most customizable and professional theme. Now you can easily customize your theme as you want. You dont need to stick to qa-theme.php. Themes file structures are inspired by Wordpress theme structure. Theme is powered by bootstrap and LESS. You can change easily changes colors , bootstrap variable and typos of theme.

Features:

Bootstrap

LESS

Easy to install just upload to theme folder and activate.

Custom profile page/user page

custom Login page

Custom Register page

Custom 404 page

Customize the homepage

Multple homepage layout

Multiple list layout

Easy social sharing

New admin styles

Powerful theme option panel

Many great features you have not seen before.

You can request for features you are looking for. You can request features on twitter,

my twitter id id @nerdaryan

My site: http://www.rahularyan.com

my skype ID: nerdaryan

How to make topbar fixed static in snow theme like twitter bootstrap

Sun, 09 Jun 2013 11:16:59 +0000

How to make topbar fixed static in snow theme like twitter bootstrap

http://twitter.github.io/bootstrap/