Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
CSS Framework Articles
Found 445 articles
Explain Keyword driven framework.
Keyword driven framework is also known as table driven framework. Here we have a table where we describe the keywords or actions for the methods that have to be executed. Automation test scripts are developed based on the keywords or actions mentioned in excel. The automation testers need to extend the framework capabilities by updating or building newer keywords. Framework Structure People working on manual testing with lesser programming knowledge can use this framework. The main idea is to identify the keywords or actions and utilize them in excel maintained for that particular test scenario. Often this ...
Read MoreState differences between Data Driven and Keyword Driven Framework.
Data Driven and Keyword Driven frameworks are two popular approaches in test automation. Understanding their differences helps choose the right framework for your testing needs. Data Driven Framework In data driven testing, we run tests on multiple data sets using parameterization. The data acts as input to the test script logic, with each data set representing a separate test case. The framework revolves around data maintained in external files (Excel, CSV, JSON) which is updated for individual test cases without changing the core test script logic. Example: Data Driven Login Test // Sample data ...
Read MoreExplain Behavior Driven Framework.
Behavior Driven Development (BDD) is a software development framework that brings together all project stakeholders including developers, testers, product owners, managers, customers, and business analysts. The main goal is to ensure everyone shares the same understanding of the application's requirements and behavior. BDD emphasizes collaboration and coordination among team members by describing functional requirements in plain, non-technical language that everyone can understand. This eliminates the need for deep technical coding knowledge when discussing specifications. How BDD Works The BDD process follows a structured approach that focuses on the application's behavior rather than its technical implementation: ...
Read MoreChange HTML navbar color in Twitter Bootstrap 2.0.4
To change the navbar color in Twitter Bootstrap 2.0.4, you need to customize specific CSS variables that control the appearance of the navigation bar. Bootstrap provides several variables to modify different aspects of the navbar styling. Navbar Color Customization Variables Here are the key variables you can modify to change your navbar colors − Set Navbar Background The primary background color of the navbar − navbarBackground: #c79810; Set Navbar Background Highlight The gradient highlight color that creates depth in the navbar − navbarBackgroundHighlight: #eab92d; Set Navbar Text ...
Read MoreBootstrap 3 truncate long text inside rows of a table in a responsive way with HTML
To truncate long texts inside rows of a table in a responsive way using Bootstrap 3, we need to combine CSS properties that control text overflow with Bootstrap's responsive grid system. This approach ensures that long text content is properly truncated with ellipsis (...) when it exceeds the available space. CSS for Text Truncation Use the following CSS to create responsive text truncation − .table td.demo { max-width: 177px; } .table td.demo span { overflow: hidden; text-overflow: ellipsis; display: ...
Read MoreHow to properly integrate HTML5 Boilerplate with Twitter Bootstrap?
To integrate HTML5 Boilerplate with Twitter Bootstrap, you can use the Initializr. It is an HTML5 templates generator that allows you to create a customized HTML5 boilerplate with Bootstrap components included. Using Initializr for Integration Initializr provides a web-based interface where you can select HTML5 Boilerplate as your base template and add Bootstrap framework on top of it. This creates a clean, production-ready starting point for your web projects. Example Integration Here's what a basic integrated HTML5 Boilerplate with Bootstrap looks like − ...
Read MoreSet Flex Items into equal width columns with Bootstrap
To set flex items to be of equal width column, use the flex-fill class. The class displays the items as equal width. In the below example screenshot, you can see that we have four flex items with equal width columns −The flex-fill class is used for every flex items and in this way, we can set equal width. Below, we have two flex items − Example 1 Example 2 Example Bootstrap Example With flex-fill Example 1 Example 2 Example 3 Example 4 Without .flex-fill: Example 1 Example 2 Example 3 Example 4
Read MoreBootstrap btn-group-vertical class
The btn-group-vertical class make a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to implement btn-group-vertical class:Example Bootstrap Example BCA B.Tech Masters MCA MBA M.Tech M.COM
Read MoreUsage of Bootstrap navbar-form class
To create navbar in CSS, use the navbar-form classExample Bootstrap Example My Website Submit
Read MoreBootstrap panel-heading class
Use the .panel-heading class to add a panel to headings in Bootstrap.You can try to run the following code to implement a panel-heading classExample Bootstrap Example Panel Heading Demo content Panel Heading Demo content
Read More